Laat uw website opvallen in Windows 8

Begraven in Windows 8 zijn weinig bekende functies waarmee uw website naast de apps op de desktop van elke gebruiker prominent aanwezig kan zijn. Het gebruik van deze opties kan de bezoekerservaring van uw site verbeteren en uw bedrijf een concurrentievoordeel geven. Mensen kunnen bijvoorbeeld uw website vastzetten op het nieuwe startscherm van Windows 8, uw site delen met anderen via de Charms-balk en toegang krijgen tot snelkoppelingen naar uw inhoud. Hoewel Windows 8 controversieel blijft, telt het miljoenen early adopters en Windows zal waarschijnlijk de meest populaire besturingssysteem blijven voor de nabije toekomst. Daarom is het belangrijk om uw website nu te optimaliseren voor het nieuwste besturingssysteem van Microsoft. Gelukkig is het enige wat je nodig hebt om toe te voegen wat aangepaste code aan je website toe te voegen en het vergt geen ontwikkelaarsvaardigheden voor zwaar werk. Lees verder om aan de slag te gaan.

Pas Windows 8 Start Screen-tegel aan

PCWorld's rode favicon

Wanneer bezoekers op uw website surfen met de Internet Explorer-app in de nieuwe Windows 8-interface, kunnen zij uw site vastzetten op Windows Start scherm. Hiermee wordt een pictogram 'live tile' in Windows gemaakt, dat dient als snelkoppeling naar uw site.

Zorg ervoor dat uw website een favicon heeft: het favoriet- of bladwijzerpictogram dat in de adresbalk of het tabblad van uw browser wordt weergegeven, omdat dat pictogram wordt weergegeven in Windows 8's tile. Anders wordt standaard het IE-pictogram weergegeven. Windows 8 haalt de dominante kleur uit je favicon, indien beschikbaar, en gebruikt het als de achtergrondkleur van de live tile. Het maakt gebruik van de HTML-title-tag van uw site voor de naam van de tile.

Deze Microsoft-tool biedt een codefragment voor het aanpassen van de live-tile van uw website.

Als u geen favicon heeft maar een startscherm wilt aanpassen tegel voor uw site, kunt u aangepaste code krijgen om uw site op te laten vallen met een achtergrondkleur, een pictogramafbeelding en een tegelnaam. Gebruik gewoon deze handige wizard van Microsoft. Het biedt twee coderegels die u in de HTML-tag van uw site kunt plakken.

Overweeg ook het gebruik van vastgezette sitemeldingen, waarmee u uw bezoekers via grafische waarschuwingsvlaggen op nieuwe berichten, nieuwe inhoud of andere sitegerelateerde updates kunt attenderen die verschijnen op de tegel van uw site.

Ontwerp voor browsen met de flip-ahead in Internet Explorer

De live-tile die de site van de auteur op het startscherm van Windows 8 zet, toont zijn gezicht.

Eén nieuwe functie alleen beschikbaar in de app-versie (niet de desktopversie) van Internet Explorer 10 voor Windows 8 is browsen met de flip-ahead. Hierdoor kunnen uw bezoekers uw website verkennen als een boek of tijdschrift, klikken op de knop Doorsturen of met hun vinger vegen om naar de volgende pagina te gaan. Dit is met name handig voor inhoud zoals artikelen met meerdere pagina's, diavoorstellingen van foto's en blogposts.

Hoewel de Internet Explorer-app probeert uw site te analyseren en suggesties voor de flip-over te doen, kunt u deze handmatig identificeren op uw webpagina code. Blader door uw site in IE 10 op Windows 8 en gebruik de functie om vooruit te kijken om te zien wat er gebeurt. Het zou automatisch voor de hand liggende inhoud moeten detecteren, zoals artikelen met meerdere pagina's met "volgende" knoppen of koppelingen. Als u vindt dat vooruitspoelen niet de gewenste inhoud bevat, raadpleegt u deze Microsoft-handleiding over het toevoegen van de code aan de pagina's van uw site.

De details voor het delen van uw site aanpassen

Mensen delen

Wanneer bezoekers uw site doorzoeken website die de Internet Explorer 10-app gebruikt, kunnen ze de Charms-balk aan de rechterkant van de Windows 8-interface openen om uw site met anderen te delen via apps zoals Mail en People.

Standaard zal gedeelde inhoud de HTML van uw site gebruiken title-tag als de sitenaam, samen met de HTML-beschrijvingstag van uw site en een willekeurige afbeelding van de site.

De standaarddetails van uw website kunnen in orde zijn, maar u kunt aangepaste code binnen uw site plaatsen om exact aan te geven wat u wilt weergeven wanneer bezoekers uw site delen met anderen via de Charms-balk. Raadpleeg de Microsoft-site voor de HTML-tags die u moet toevoegen.

Maak Jump Lists voor uw site

Hier is de Jump List van een vastgezette site op het bureaublad, mogelijk gemaakt door aangepaste code.

In Windows 7 heeft Microsoft een handige functie toegevoegd met de naam Jump Lists. Hiermee kunt u met de rechtermuisknop klikken op programma's en websites die zijn vastgemaakt aan de taakbalk of het startmenu zodat gebruikers toegang hebben tot snelkoppelingen naar recente bestanden, frequente locaties en algemene taken. Als uw bezoekers uw website standaard vastzetten op Windows 7 of 8, zien zij geen snelkoppelingen of taken van Jump List tenzij u hiervoor code aan uw site hebt toegevoegd.

Let op het pincode.

In Windows 8 heeft Microsoft dezelfde Jump List-functie voor de bureaubladtaakbalk opgenomen en ook Jump List-functionaliteit toegevoegd aan de sites die u vastpeldt op het nieuwe startscherm. Na het klikken op een vastgezette site vanuit het startscherm van Windows, wordt de site geopend in de Internet Explorer-app. Van daaruit kunt u klikken op het pictogram met de punaise onderaan de Internet Explorer-app om de Jump List van een site te bekijken, net zoals de Jump List van sites die u vastpeld op de Windows 8 Desktop Taskbar en Windows 7 Taskbar of Start Menu.

Hier is een Jump List van de IE-app, geleverd door aangepaste code van de website.

Op uw aangepaste Jump List kunt u maximaal vijf snelkoppelingen naar specifieke URL's weergeven, elk met een eigen pictogram. Misschien een link naar elk van de hoofdpagina's van de site of naar uw sociale mediapagina's. U kunt zelfs een RSS-feed opgeven om een ​​lijst met snelkoppelingen weer te geven die automatisch worden bijgewerkt, zoals uw blogposts, Twitter-feed of andere inhoudsstromen. Als u nog geen aangepaste Jump List voor uw website hebt gemaakt, raadpleegt u onze vorige artikel of gebruik deze wizard van Microsoft.

Elke website-aanpassing die hier wordt besproken, bevat een snelkoppeling naar een Microsoft-webpagina of -wizard. Raadpleeg voor meer informatie de volledige handleidingen voor ontwikkelaars voor Internet Explorer 9 en Internet Explorer 10 en overweeg ook om uw website te scannen op compatibiliteitsproblemen.