Jeg er ved at optimere på en webshop, og ligenu drejer det sig om forsiden. Jeg har købt Benjamin Gundgaards nye bog - Mobil E-handel, og er ved at læse mig igennem den. En af de ting der er vigtig på forsiden på mobil, er at den ikke er for lang. Shoppen er responsive, men det er sådan at der er forholdsvis meget tekst på forsiden, nede i bunden. Dette er helt fint på desktop, men bliver meget langt på mobil. Så min første tanke er at lave en display: none på teksten i CSS, sådan at det kun vises på desktop. Dette er jo super nemt at gøre, men jeg kom så til at tænke på om Google kan se indhold der er i display:none? Og om det kan skade, da de måske vil tro man vil skjule det? Jeg har googlet det, og læst et hav af artikler og forumindlæg rundt omkring, og jeg kan ganske enkelt ikke finde noget klart svar. Svarene er forskellige alt efter hvor man kigger: - At Google kan se teksten på desktop og derfor kan regne ud hvorfor det skjules på mobil - og derfor ikke gør mere ved det. Husk at teksten er synlig på desktop, men skjult på mobil. Nogle der ved om jeg kan gøre dette uden det vil give problemer? På forhånd tak :) |
Generelt er søgemaskinerne så avancerede at man når man skriver content og bygger hjemmesider bare skal gå efter den gode brugeroplevelse: Godt content og lækkert layout på en side der loader hurtigt og er nem at bruge.
Vi bruger selv display:none, og det virker ikke som om det er et problem.
Hvis du gerne vil vide hvordan Google "ser" din hjemmeside, så kig under:
Webmaster Tools -> Vælg domæne -> Crawl -> Fetch as Google -> Vælg en side fra oversigten
Her viser den dig først en grafisk repræsentation, men hvis du trykker på "Fetching" kan du også se HTTP-svaret Google har haft at arbejde med.
Alternativt kan du "skjule" indholdet ved at smide teksten i en boks der er for lille, men udvider sig til fuld størrelse når du trykker på "Vis/Læs mere".