search

mozilla / codemoji

Mozilla Foundation project to support 2016 Encrypt campaign
Mozilla Public License 2.0
22 stars 19 forks source link

Fix codemoji metadata #210

Closed lovegushwa closed 8 years ago

lovegushwa commented 8 years ago

Currently when you search "codemoji" the link looks like this:

screen shot 2016-06-29 at 5 19 02 pm

Not great for organic. @KevZawacki what should we replace the black string of text with? @cadecairos once @KevZawack responds we could ask TODO to fix.

CC @abusedmedia @brettgaylor

damiankay commented 8 years ago

It looks like some text that should be commented is not. It's in this line: "The following open-source libraries were also used in developing the website:" (line 74 when I view source).

KevZawacki commented 8 years ago

@lovegushwa How about:

"Codemoji is an educational game from Mozilla that teaches the basics of encryption"

cadecairos commented 8 years ago

It looks like some text that should be commented is not. It's in this line: "The following open-source libraries were also used in developing the website:" (line 74 when I view source).

No, that's part of the credits section...

Facebook doesn't seem to have any problem: https://developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Flearning.mozilla.org%2Fcodemoji

I'm not sure how Google crawls these pages. Do they have a debugger?

damiankay commented 8 years ago

You're right, it seems to be ignoring the content on the main page and is instead pulling from the credits section. Is this page / site built using React.js? React often confuses Google as it doesn't know what is a separate page.

I'd suggest:

  1. Creating basic meta title and description tags (not 'og' or 'twitter' - I don't think Google searches these)
  2. If possible, the main text on the landing page should be in basic <h1> and <p> tags to be indexed by Google

To answer your question: you can't control Google search results to the same extent that you can FB title/description, etc, but in the past we've used Google Webmaster Tools to get more detailed information and tweak the display of results. Unfortunately, this will be a bit more tricky in this case, as we would need access to all of learning.mozilla.org.

Keep in mind, I'm not a developer, but I've had to deal with Google search issues quite a bit!

abusedmedia commented 8 years ago

I think it will be solved by adding the standard meta tags. Here a bit of reference: https://support.google.com/webmasters/answer/79812?hl=en

damiankay commented 8 years ago

@cadecairos I know you're gone for today, but would you mind having a look at this tomorrow or could you suggest who might be the right person? The suggestion is to add standard meta title & description (I think only FB & Twitter meta tags are currently being used). Thanks!

abusedmedia commented 8 years ago

Hi @damiankay I could add the description tag easily. I don't know where Google pick up the title, though. 'Codemoji – A fun tool to learn about ciphers - Mozilla Learning Networks', the last part is not present in the source code at all.

damiankay commented 8 years ago

Thanks everyone - I'll keep checking the search results for the changes to propagate.