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 :-) |
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.