Google ranks wikipedia.org as 'not mobile friendly'
Closed, ResolvedPublic
Actions

Assigned To

Authored By

	Jdrewniak
	Feb 1 2016, 2:41 PM

Description

The google robots rank wikipedia.org as 'not mobile friendly'

https://www.google.com/webmasters/tools/mobile-friendly/?utm_source=psi&utm_medium=referral&utm_campaign=uxresults&url=https%3A%2F%2Fwikipedia.org%2F

The reason it states is simple. "Links too close together". Specifically, it means the links to the hundreds of wikipedias in other languages.

Screen Shot 2016-01-30 at 11.11.52 AM.png (1×2 px, 783 KB)

Screenshot taken from:
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwikipedia.org%2F&tab=mobile
In total the google robots identify 316 links that are 'too close together'.

I propose we add some margin or padding to these links as well as increase their font-size, so that they are actually usable on mobile devices.

Event Timeline

Jdrewniak created this task.Feb 1 2016, 2:41 PM

Jdrewniak claimed this task.

Jdrewniak raised the priority of this task from to Medium.

Jdrewniak updated the task description. (Show Details)

Jdrewniak added a project: Discovery-Portal-Sprint.

Jdrewniak added subscribers: Jdrewniak, • JGirault, debt, • MSyed.

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptFeb 1 2016, 2:41 PM

Hey @MSyed is this a good candidate to remove the localized language ( a free encyclopedia ) from each language link and just show it under the top header? That would give us some nice white space....?

Something similar to this: https://phabricator.wikimedia.org/T124486 on the desktop.

debt raised the priority of this task from Medium to Needs Triage.Feb 2 2016, 11:20 PM

debt moved this task from Backlog to Design Work on the Discovery-Portal-Sprint board.

debt set Security to None.

Restricted Application added a subscriber: StudiesWorld. · View Herald TranscriptFeb 2 2016, 11:21 PM

@debt So I think what Google is complaining about is space around the bigger list of language links at the bottom. I dont think moving the "a free encyclopedia" text is going to help with google's ranking of us as a mobile friendly page.

But i still still we should explore other options with "a free encyclopedia" text in the future.

In T125389#1992355, @MSyed wrote:

@debt So I think what Google is complaining about is space around the bigger list of language links at the bottom. I dont think moving the "a free encyclopedia" text is going to help with google's ranking of us as a mobile friendly page.

But i still still we should explore other options with "a free encyclopedia" text in the future.

HI @MSyed, do you think @Jdrewniak's comment of adding white space and making the font bigger would work in this instance, from a design perspective? Maybe something like I mocked up here - I added white space horizontally and vertically to the first row of language links and kept the rest the same as it is now (for comparison purposes).

more-white-space-on-lang-links-mobile.png (958×549 px, 278 KB)

@debt, that will definitely help. We need to make a couple of version of different spacing and run it thru google's test and see what passes.

Hi @Jdrewniak - can you use my mock as a guide and take a couple approaches to this in regards to spacing? We can run your code through the google test to see if we get a better score.

Thanks!

debt triaged this task as Medium priority.Feb 3 2016, 1:23 AM

debt moved this task from Design Work to Backlog on the Discovery-Portal-Sprint board.

debt moved this task from Backlog to To Discuss on the Discovery-Portal-Sprint board.Feb 10 2016, 1:12 AM

debt added a project: Discovery-ARCHIVED.Feb 10 2016, 1:21 AM

EBernhardson moved this task from Needs triage to UX on the Discovery-ARCHIVED board.Feb 11 2016, 11:17 PM

debt moved this task from To Discuss to What's Next on the Discovery-Portal-Sprint board.Mar 9 2016, 4:15 PM

debt moved this task from What's Next to To Discuss on the Discovery-Portal-Sprint board.Mar 15 2016, 3:53 PM

Krinkle added a project: Wikimedia-Portals.Mar 23 2016, 8:05 PM

The "show how to fix" link on this PageSpeed Insights shows in detail the issues the tool reports.

https://developers.google.com/speed/pagespeed/insights/?utm_source=MFT&utm_campaign=MFT&utm_medium=incoming-link&priorityGroup=USABILITY&url=https%3A%2F%2Fwikipedia.org%2F

debt moved this task from To Discuss to Backlog on the Discovery-Portal-Sprint board.Apr 26 2016, 6:50 PM

Moving to the backlog - with an upcoming A/B test of re-arranging the links this might be cleared up automagically.

debt moved this task from needs triage to enhancements on the Discovery-Portal-Backlog board.May 10 2016, 5:08 PM

@debt: I just checked, and as we had hoped, the result is now "Awesome! This page is mobile-friendly."

Sweet - thanks for the reminder and the update! Closing this now...!

Updating to 'resolved' rather than declined because this really did already get resolved "automagically" as part of the new layout of the portal. :)

Done! :)

Deb Tankersley
Product Manager, Discovery
IRC: debt
Wikimedia Foundation

	F3304941: more-white-space-on-lang-links-mobile.png
	Feb 3 2016, 1:06 AM

	F3293468: Screen Shot 2016-01-30 at 11.11.52 AM.png
	Feb 1 2016, 2:41 PM

Google ranks wikipedia.org as 'not mobile friendly'Closed, ResolvedPublicActions

Description

Event Timeline

Google ranks wikipedia.org as 'not mobile friendly'
Closed, ResolvedPublic
Actions