SEO | Alternativ Behandling
Bedste Råd

cookie-privatlivspolitikCookie-privatlivspolitik
bedsteraad.dk

Forum - brugernes egne bedste råd, tips og tricks

Stop Spam Harvesters, Join Project Honey Pot Stop Spambots - bedsteraad.dk


Forum  >  SEO  >  Web Clip Icon med et twist af SEO på Appel iOS og Android smartphone

Har du en hjemmeside kan du på hjemmesiden indsætte et icon et såkaldt Wep Clip Icon som brugere af Appel iOS og Android kan bruge når de bookmarker din hjemmeside på mobilens Home Screen. I stedet for et komprimeret screenshot billede af din hjemmeside vises Web Clip Icon på skærmen, så din hjemmeside ligner en apps. Brugeren kan med et let tryk på Iconet få vist din hjemmeside. Du kan lave et Web Clip Icon for hele din hjemmeside eller kun for en enkel side afhængig af dit behov. Web Clip Iconet skal være af filtypen PNG.

Twisten af SEO kommer ved at iPhone, iPod og iPad automatisk leder efter Iconet i din hjemmesides rod katalog og findes filen IKKE på din hjemmeside genereres der jo en fejl 404. Så hellere sende et Web Clip Icon til mobilen frem for en fejl 404 – det må trods alt gøre din hjemmeside en anelse hurtigere, og en af de mange ranking parametre i søgemaskineoptimering er jo hjemmesidens hastighed

I den simple form indsættes dette i <head> sektionen på din hjemmeside ligesom et favicon icon
<link rel="apple-touch-icon" href="apple-touch-icon.png" />

Visuelle effekter

Appel iOS tilføjer automatisk nogle visuelle effekter til Web Clip Icon som:
Runde hjørner
skygge
reflekterende glans
Fra Appel iOS 2.0 kan dette undgås ved at tilføje nøgleordet precomposed
<link rel="apple-touch-icon-precomposed " href="apple-touch-icon-precomposed.png" />

Web Clip Icon I forskellige opløsninger

Da iPhones, iPod og iPad har forskellige opløsninger er der i alt 4 forskellige størrelser på Iconerne, så du skal tilføje følgende Icon størrelser. Med eller uden precomposed, efter dit valg.
Tilføjer du ikke alle versioner vil Appel iOS alligevel søge efter disse versioner og du undgår ikke fejl 404.

apple-touch-icon-precomposed.png # 57x57 versionen der er standard. Passer også til Android
apple-touch-icon-72x72-precomposed.png
apple-touch-icon-114x114-precomposed.png
apple-touch-icon-144x144-precomposed.png

apple-touch-icon.png # 57x57 versionen der er standard.
apple-touch-icon-72x72.png
apple-touch-icon-114x114.png
apple-touch-icon-144x144.png

Med Appel touch icon kan du nøjes med at kopierer alle filerne ind i rodkataloget da der søges automatisk efter disse med den rigtige opløsning. Findes den rigtige opløsning ikke bruges den nærmeste opløsning, men du får så en fejl 404 på den opløsning du ikke har, så den bedste løsning er at kopier alle ovenstående filer med de forskellige opløsninger ind i dit rodkatalog.

Appel Touch Icon på Android

Sjovt nok bruger Android også Appel Touch Icon, men Android vil kun acceptere versionen med precomposed og det er ikke nok bare at lægge ovenstående filer ind i dit rod katalog, som det er med Appel iOS (iPhone, iPod og iPad). Der skal indsættes 57x57 i precomposed i <head> sektionen på din hjemmeside.
<link rel="apple-touch-icon-precomposed " href="http://exampel.com/apple-touch-icon-precomposed.png" />
Hvor du erstatter example.com med dit eget domæne navn med eller uden www som du nu har valgt.

TIPS til at lave Web Clip Icon
http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/IconsImages/IconsImages.html

For flere af disse tips og tricks med en twist af SEO ved at undgå en status kode fejl 404 læs også: http://bedsteraad.dk/Forum-Bedste-Raad.php?topic=37&category=14

Skriv nyt svar
Forfatter*
Svar*
Skriv koden som du ser på billedet*
Ny kode

Share Bedste Råd på sociale medier:

 


Andre artikler: Vild med dans 2015     VM i 10 danse gik til Danmark i 2013     Astrologi og horoskoper



Forum