Teknik, hosting & e-handelsløsninger

Svar: Issue med Google Mobile Friendly test

Jonas — Tue, 08 Nov 2016 10:26:59 GMT

Ah ja, burde selvfølgelig have kigget direkte via telefonen. Min skole har bare skadet mig, der kigger vi altid via browseren. Ikke helt optimalt, kan jeg godt se.

Jeg har lige kørt din side igennem Googles egen mobile friendly tester, og den siger, at du mangler en viewport. Jeg forsøgte at smide den på din side i en test konsol og se effekten. Tingene forblev deres oprindelige størrelse, men der er scrolling på.

Det er selvfølgelig heller ikke optimalt, og jeg kan ikke teste hvordan Google ser på det sådan der, fordi det her kun er lokalt i min browser.

Men som jeg ser det, så kan det være et spring over, hvor gærdet er lavest. Og det siger jeg, fordi det ikke er sådan en mobil bruger ser det alligevel. Som udgangspunkt er det her kun sådan Google ser det, samt, hvis man kigger via browseren som mobil. På en rigtig mobil, sikkert også tablet, virker siden langt bedre.

Det er sjovt som testen frem og tilbage får flere brikker til at falde på plads.

Når jeg først åbner konsollen på din side, så får jeg den i en mini udgave af jeres pc version. Hvis jeg så lige opdaterer siden i samme format, så får den et nyt tag, der gør den mobilvenlig. Lukker jeg konsollen og ryger tilbage til min oprindelig 1920x1080 opløsning, så beholder den det tag lige indtil, at jeg opdaterer siden igen.

Mit bedste bud er så, at det har noget med måden siden loader på, og hvad den kigger efter først.

Jeg har lige testet din side her https://testmysite.thinkwithgoogle.com/ og der går den rent igennem. 100/100 mobile friendly, fordi den formår at få loadet jeres "HandHeld" kode, i modsætning til den under Googles Webmaster Tools. Hvorfor skal jeg ikke kunne sige.

Den her test får den også rigtig http://mobitest.akamai.com/m/results.cgi?testid=161108_8S_1SZ

Mit bud er så, at "fejlen" måske ligger delvist ved den måde Google Webmaster testeren loader koden, samt hvordan den serveres specifikt til netop den test fra jeres side af.

Personligt ville jeg nok bare lade den ligge indtil I får re-designet jeres side. Så få den eventuelt lavet efter princippet "Mobile First", da Google er begyndt at lægge mere vægt på det.

Svar: Issue med Google Mobile Friendly test

Michael Grau Andersen — Mon, 07 Nov 2016 22:17:11 GMT

Det ser ikke ud til at din iPhone har ramt vores mobil-venlige side... hvilke jeg ikke har kunne få den til på de telefoner jeg har testet med.

Vi er helt indstillet på at skulle lave et re-design af siden, men det arbejde starter ikke før vi er over vores julehandel. Så vi satser på en "lappe-løsning" lige nu. Jeg kom desværre ikke meget længere af dit svar, men tak for hjælpen alligevel.

Svar: Issue med Google Mobile Friendly test

Dennis Stensgaard — Mon, 07 Nov 2016 22:12:35 GMT

Nu ved jeg ikke, hvad din side er lavet i. Min er i Wordpress, og jeg havde også problemer med mobilvisningen. Google sagde faktisk, at den var god nok, men i virkeligheden var den ret skidt at se på fra en mobil. Jeg havde fundet et theme, som kunne noget af det, jeg ville, og det skulle også være responsivt, men var det ikke rigtigt. Jeg skiftede til det originale Storefront theme, og så virkede den perfekt på mobilen - og stadig godt i Googles test.

Svar: Issue med Google Mobile Friendly test

Jonas — Mon, 07 Nov 2016 21:08:51 GMT

Hvis du i Chrome trykker F12 mens du er på din side, så kan du se den i andre opløsninger. Prøv blandt andet iPhones, da de er voldsomt udbredte.

Som jeg ser det, så er din side ikke særligt mobilvenlig.

Nedenstående screendump af en portion af din side set fra iPhone 6 er godt nok vanskelig at læse.

En mobilvenlig side vil typisk plcere elementerne under hinanden, blandt andet som her

Her kan du se et produkt fra din side, igen set fra iPhone 6.

Som du kan se, så er teksten igen umådelig lille, alt for besværlig for en person at læse. Det er sådan nogen ting som Google har lært at se med deres crawlers.

Tilsvarende er en produktside her fra forrige nævnte side. Man får en del scroll, men alting har en god, læsbar størrelse.

Og så det vigtige.. hvad er fejlen?

Dårlig kode.

Din side er i det store hele ikke mobilvenlig. Den er responsiv i den forstand, at tingene følger med, når siden bliver mindre. Men dit indhold bliver i takt med skærmen også mindre. Mobilvenlig er det modsatte, indholdet, primært teksten, beholder samme størrelse, og billeder skalerer ned og passer med skærmen på det anvendte medie.

Jeg vil anbefale at få kigget på siden, eventuelt få kigget på helt nyt design. Google er begyndt at lægge mere og mere vægt på en sides mobilvenlighed i forhold til placeringer på Google. Så spørgsmålet er, om du i det lange løb har råd til at kigge efter lappeløsninger.

Issue med Google Mobile Friendly test

Michael Grau Andersen — Mon, 07 Nov 2016 20:47:23 GMT

Jeg har et issue med at Google ikke længere ser mit site som mobile friendly. Det mærkelige er at koden er mobile friendly – bare ikke når man ser det igennem Mobile Friendly Testeren.

Fx: curl -X GET -H "FROM: googlebot(at)googlebot.com" -H "User-Agent: Mozilla/5.0 (Linux; Android 6.0.1; Nexus 5X Build/MMB29P) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/41.0.2272.96 Mobile Safari/537.36 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)" "https://www.sejleg.dk/"

Denne trækker korrekt html koden ned for mobilsitet.

Men prøver jeg via test siden:

https://www.google.com/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fwww.sejleg.dk%2F så siger den ikke mobilvenlig og det screenshot den viser er desktop udgaven.

Men hvis jeg derimod prøver med: https://www.google.com/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fwww.sejleg.dk%2F%3F1%3D2 ( har tilføjet ?1=2 ) så siger den ” Awesome! This page is mobile-friendly.”

Det er ikke caching fra min side – tilføjelser til HTML koden vises med det samme.

Har overvejet om det kunne skyldes at den af en eller anden årsag dumper mobil siden et sted inde bagved – men så skulle det jo være det samme uanset om man tilføjer ?1=2 eller ej?”

Er der nogen der kan forklare hvorfor samme side får et ”OK” og et ”IKKE OK” ?

Jeg sender gerne et flaske god rødvin for et svar der kan sende mig til fejlen :-)