Issue med Google Mobile Friendly test

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.

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.