Handleiding: Zoekmachine Optimalisatie (SEO) voor Flash websites
Hoe optimaliseer je een website die is gebouwd in Flash voor zoekmachines? Dat is een vraag die veel blijft terugkomen binnen zoekmachine optimalisatie (SEO).
Deze handleiding geeft antwoord en biedt hulp bij zoekmachine optimalisatie of SEO voor Flash websites:
- Wat is Flash?
- Flash & SEO
- Flash & Bezoekers
- Vuistregel: Flash niet (onnodig) gebruiken
- Flash SEO-vriendelijk implementeren
- Advies: behandel zoekmachines hetzelfde als gebruikers
- Vergeet de ‘Basis SEO’ niet
- Conclusie
- Bronnen & Meer informatie
Wat is Flash?
Adobe Flash (voorheen Macromedia Flash) is een computerprogramma waarmee animaties, webvideo’s en webapplicaties zoals spelletjes en zelfs hele websites gemaakt kunnen worden. Flash wordt veel gebruikt om websites ‘aan te kleden’ en voor reclame-uitingen bij websites (met name banners).
Flash is opgebouwd als een soort tekenfilm. Per tijdseenheid bepaalt de ontwikkelaar wat de bezoeker te zien krijgt. Een tijdseenheid wordt een frame genoemd. Het vereist een Flash Player om een Flash animatie te kunnen bekijken in je webbrowser.
Flash & SEO
Een vuistregel in SEO is dat Flash simpelweg niet leesbaar is voor zoekmachines. Een zoekmachine heeft tot nu toe moeite met visueel materiaal, waaronder Flash. De crawler kan het simpelweg niet “zien”, zoals ook staat beschreven in de handleiding hoe een zoekmachine werkt.
Tekst en links leesbaar
Het gebruik van Flash wordt dus – vanuit het oogpunt van zoekmachine optimalisatie – meestal afgeraden, maar dat is niet volledig terecht. Zoekmachines ontwikkelen zich in een hoog tempo en zijn inmiddels in staat om tekst en links in Flash bestanden te indexeren, zoals Google ook aangeeft.
Maar context en structuur mist
Het probleem voor zoekmachines bij de tekst en links in Flash bestanden is dat de structuur en de context ontbreekt. Daarnaast wordt de tekst in Flash vaak als afbeelding geïntegreerd, waarmee het weer volledig onleesbaar wordt voor zoekmachines.
Ook al is (een deel van) de tekst en/of andere content in een Flash bestand gevonden en opgenomen in de index van een zoekmachine, dan ontbreekt alsnog de context waardoor moeizaam de relevantie kan worden bepaald. En dat is de kern van een zoekmachine, zoals ook staat beschreven in de handleiding “Hoe werkt zoekmachine Google?“.
Flash & Bezoekers
Laten we de problemen van Flash voor SEO even opzij zetten en kijken vanuit het standpunt van de bezoekers. Een website die volledig is gebouwd in Flash is namelijk ook niet optimaal in termen van gebruikersvriendelijkheid.
Een website die volledig is gebouwd in Flash verplicht je vaak om eerst een seconden- of soms minutenlange introductiefilm af te kijken. Daarna volgen meestal diverse animaties en een niet logische navigatie. Een belangrijk nadeel hiervan is dat dergelijke animaties ten koste gaan van de content. En dat is het laatste wat je wilt.
Installatie & versie Flash player
Daarnaast vereist een website met Flash de installatie van een Flash Player op de computer van de bezoeker. Bij het ontbreken ervan, of het ontbreken van de juiste versie, kan de website gedeeltelijk of volledig onbruikbaar worden.
Onderstaand voorbeeld geeft dit aan. Hier ziet de bezoeker weliswaar netjes een foutmelding, maar de website is en blijft onbruikbaar:
Vuistregel: Flash niet (onnodig) gebruiken
Wanneer moet je Flash nu wel of niet gebruiken? Hiervoor hanteer ik de volgende vuistregel:
Gebruik Flash als aanvulling op een website, niet als vervanging van de (goede HTML) website.
Gebruik Flash elementen om je website te verrijken. Maar bespaar de bezoekers onnodig lastig navigatie, lange animaties en andere storende dingen die de bezoeker remt, irriteert en wegjaagt.
Gebruik Flash niet voor…
Het is dus geen ramp om Flash te gebruiken, maar gebruik Flash in relatie tot SEO niet voor:
- Belangrijke content (met name tekst)
- Navigatie (menu)
- Links (met name intern)
Flash SEO-vriendelijk implementeren
Het is wel degelijk mogelijk om informatie uit Flash voor te schotelen aan zoekmachines. Hieronder behandel ik twee veelgebruikte technieken om Flash “leesbaar” te maken voor zoekmachines: ‘Scalable Inman Flash Replacement (sIFR)’ en ‘SWFObject’.
Scalable Inman Flash Replacement (sIFR)
sIFR is een technologie die Javascript gebruikt om de HTML tekst automatisch om te zetten naar Flash.
Hoe werkt sIFR?
In feite is sIFR te vergelijken met “image replacement”: een techniek waarbij de (HTML) tekst wordt vervangen door een afbeelding. Bij sIFR wordt de tekst echter vervangen door Flash.
De techniek sIFR laat echter de niet-Flash lezers de content en/of navigatie gewoon in HTML zien. Dat betekent dus dat de zoekmachines ook gewoon de HTML-versie van de tekst en/of de navigatie zien.
sIFR en zoekmachine optimalisatie (SEO)
Belangrijk voor zoekmachines is dat bij sIFR de Flash altijd identiek is aan de HTML. Zoals hieronder verder staat uitgelegd, is het belangrijk dat zoekmachines dezelfde content te zien krijgen als de bezoekers.
sIFR is ontwikkeld om korte tekst, zoals een titel/header, in een niet door HTML ondersteund font (lettertype) weer te geven. Gebruik sIFR echter niet om volledige webpagina’s vanuit HTML om te zetten naar Flash. Dat heeft o.a. een grote laadtijd tot gevolg.
SWFObject
SWFObject detecteert middels Javascript of de ‘user agent’ (browser of zoekmachine) Flash kan uitvoeren. Afhankelijk daarvan wordt de Flash of het geselecteerde blok HTML getoond.
Hoe werkt SWFObject?
De Javascript code is ook niet zoekmachine-vriendelijk, maar in het SWFObject is ruimte gelaten voor een HTML “backup” van de Flash informatie. Meestal wordt deze ruimte gebruikt om een melding te geven aan de bezoekers die geen Flash ondersteunen.
Maar deze ruimte kan uiteraard ook worden gebruikt om een HTML versie van de Flash informatie in op te nemen, wat wel leesbaar is voor de zoekmachines.
SWFObject en zoekmachine optimalisatie (SEO)
De uitdaging in zoekmachine optimalisatie voor Flash met behulp van SWFObject is dat de Flash niet per definitie identiek is aan de HTML.
Aangezien de Flash bij gebruik van SWFObject vooraf wordt gedefinieerd, kan dit afwijken van de HTML. Dat levert de kans op een “rode vlag” bij de zoekmachines op, omdat ze eisen dat de zoekmachine hetzelfde ziet als de gebruiker.
sIFR of SWFObject?
Als we kijken naar hoe zoekmachines middels een algoritme een webpagina beoordelen, dan zal er eerder een “rode vlag” opgaan bij gebruik van SWFObject dan bij sIFR.
De techniek sIFR staat je niet toe om de HTML-versie te laten afwijken van de Flash informatie. Daarentegen is het bij SWFObject veel eenvoudiger om andere informatie voor te schotelen aan de zoekmachines dan aan bezoekers, wat een “rode vlag” oplevert bij de zoekmachines, waarschijnlijk resulterend in lagere posities in de zoekresultaten.
Advies: behandel zoekmachines hetzelfde als gebruikers
Eén van de belangrijkste aspecten in zoekmachine optimalisatie is het gelijk behandelen van zoekmachines en gebruikers. Dat betekent concreet dat je een zoekmachine dezelfde tekst, of content, laat zien als de gebruikers.
Bij de bovenstaande technieken zien de bezoekers de Flash-versie en de zoekmachines de HTML-versie. Zorg er dus altijd voor dat de HTML-versie identiek is aan de Flash-versie.
Cloaking
Het tegenovergestelde – het tonen van andere content aan zoekmachines dan aan gebruikers – is bekend als “cloaking”. De activiteit cloaking is tegen de richtlijnen van zoekmachines en kan op lange termijn zelfs leiden tot een “penalty” met als gevolg een daling in de zoekresultaten of zelfs verwijdering uit de index van de zoekmachine. Zie voor meer informatie ook het Webmaster Helpcentrum van Google.
Vergeet de ‘basis SEO’ niet
Of je nu wel of geen Flash gebruikt, vergeet in ieder geval niet de belangrijkste SEO-aspecten mee te nemen. Plaats het belangrijkste zoekwoord per pagina, na gedegen zoekwoordonderzoek te hebben gedaan, in het HTML document in de Titel (title), Meta Description en de URL. Zorg dat het geheel uitnodigt om op te klikken.
Vergeet ook niet de Headers ofwel de koppen (h1, h2, etc.) en uiteraard de tekst zelf (bodytekst) niet. Deze elementen zijn niet te implementeren als er Flash wordt gebruikt voor de content (lees: tekst). Gebruik daarvoor dus geen Flash.
Conclusie
Flash & zoekmachine optimalisatie (SEO) gaan tot op zekere hoogte goed samen. Zoekmachines worden steeds beter in het indexeren van Flash en zijn inmiddels in staat om tekst en links in Flash bestanden te indexeren. Maar daarbij ontbreekt de context en de structuur van de content, wat juist belangrijk is voor zoekmachines.
Een vuistregel voor SEO voor Flash websites is: vermijd het (onnodig) gebruik van Flash. Met ‘onnodig’ wordt bedoeld dat je Flash in termen van SEO niet moet toepassen voor belangrijke content, navigatie en links. Gebruik Flash dus aanvullend en niet vervangend voor een goede HTML website.
Het is mogelijk om Flash SEO-vriendelijk te implementeren door de zoekmachine een HTML website voor te schotelen. Belangrijk is dat de zoekmachines exact hetzelfde te zien krijgen als de bezoekers. Twee veelgebruikte technieken zijn sIFR en SWFObject, waarvan sIFR het meeste vertrouwen geniet van zoekmachines.
Bronnen & Meer informatie
Handleiding: Hoe werkt een zoekmachine? (EdWords.nl)
Handleiding: Hoe werkt zoekmachine Google? Een kijkje in de keuken (EdWords.nl)
Best uses of Flash (Google Webmaster Central blog)
Interview met Google’s Adam Lasnik (StoneTemple.com)
SEO for a Flash site (BruceClay.com)
How do Flash sites rank well? (SEOBook.com)
How Flash can be search engine friendly (SearchEngineLand.com)
Google Now Crawling and Indexing Flash Content (SearchEngineLand.com)
[...] Flash & SEO [...]
leuk artikel, geeft me net weer wat meer achtergrond info! Handig!
@Patrick
Dankjewel!
Leuk artikel. Niet zo lang terug had ik ook een artikel hierover geschreven.
http://www.navinpoeran.nl/2008/02/19/google-indexeert-ook-macromedia-flash-bestanden/
@Navin
Dankjewel!
Om te reageren op je artikel op het uitsluiten van Flash in robots.txt:
Bij Flash en een HTML kopie hoef je niet zo bang te zijn voor duplicate content. Het is juist belangrijk dat de HTML versie en het Flash bestand identiek zijn!
Het uitsluiten via robots.txt werkt inderdaad goed om zoekmachines geen toegang tot content te geven, maar ik sluit niet uit dat Google in dit geval alsnog de Flash indexeert om te controleren of de zoekmachine niet wordt misleid.
Prima artikel dank daarvoor.
Wel vreemd dat je de Adobe Search SDK oplossing niet meeneemt hierin. Hoewel die momenteel niet verder komt dan Flash 8 bestanden.
Voor SEO begrippen heb je een goed punt als het gaat om ‘hoofd’ en ‘bij’ zaken op websites. Op zich is het relatief makkelijk de bots te traceren en die html voor te schotelen i.p.v. Flash, zoals je al aangeeft ook.
Dank voor het linken naar dit artikel op mijn website want dit is wel een ‘must’ read artikel voor flash developers.
vriendelijke groet,
Folkert Hielema / nederflash.nl
@Folkert
Ik heb de 2 veelgebruikte technieken, sIFR en SWFObject, behandeld. De Adobe Search SDK heb ik daarom buiten beschouwing gelaten, maar het is zeker ook een alternatief.
Google’s Matt Cutts heeft niet zo lang geleden nog aangegeven dat Google gebruik maakt van de Adobe Search SDK. Jouw artikel Introductie Flash SEO met Adobe Search SDK is in dat kader een goede aanvulling op bovenstaande handleiding!
Hallo Eduard Blacquière,
Volgens mij is beter om HTML bestanden die qua inhoud identiek zijn aan de flash bestanden, via de robots.txt bestand uit te sluiten. Ik denk ook dat het beter is om in de zoekresultaten te ranken voor de HTML bestanden i.p.v. de flash bestanden, of gewoon met het ‘noindex’ meta tag.
Trouwens, het word zelf ook door G aanbevolen om geen-tekst bestanden, waarvan je een HTML bestand opneemt in je web structuur uit te sluiten voor de zoekmachines.
Zie voor meer informatie:
http://www.google.com/support/webmasters/bin/answer.py?answer=72746&query=flash&topic=&type=
@Navin
Voor de zekerheid: wat Google je adviseert om te overwegen is om de Flash uit te sluiten via Robots.txt en niet de HTML (maar waarschijnlijk bedoelde je dat ook).
Het is zeker veel beter om te ranken voor de HTML dan voor de Flash bestanden.
Google zal, bij een HTML kopie van de Flash, toch de HTML laten ranken en niet de Flash. Door de Flash niet uit te sluiten, kun je een zoekmachine juist aantonen dat je volgens de richtlijnen werkt, want dan kunnen ze – tot op zekere hoogte- achterhalen of de content identiek is.
Het is echter ook geen slechte keuze om de Flash uit te sluiten voor indexatie, maar waak er altijd voor de content identiek is!
Ja, dat bedoelde ik hoor, nu ik terug lees merk ik dat mijn reactie een beetje verwarrend is geschreven, my bad
Anyway, bedankt voor de tips en de interessante items!
Ik gebruik al enkele jaren het swfobject of het bijna identieke ufo.js script. Google kan al lang .swf objecten idexeren, maar om diverse redenen worden die zelden (hoog) gerankt.
@Edwin
Dankjewel voor je reactie en toevoeging.
De reden dat Flash – geindexeerd en wel – niet hoog rankt, heeft te maken met dat de context en structuur ontbreekt, zoals ik ook hierboven schrijf. Google kan daardoor moeizaam vaststellen wat de relevantie is.
[...] Hoe kan je er voor zorgen dat mensen je website kunnen vinden via bijv. Google? Op Edwords las ik een duidelijke handleiding. Deze beschrijft hoe je Flash sites zoekmachine-vriendelijk kan maken. [...]
Goed artikel geworden
Ben ooit nog wel eens samen met Geoff Stearns bezig geweest aan een vernieuwde versie van zijn Flash voor SEO tutorial maar uiteindelijk nooit helemaal afgerond. Stonden op zich ook wel wat vernieuwende dingetjes in waar je niet zo 1, 2, 3 aan zou denken.
Eens kijken of ik die nog kan vinden, is misschien nog een aanvulling uit te halen.
@Ulco Dank!
Zou leuk zijn als je die SEO voor Flash handleiding nog kunt vinden afmaken, ik ben benieuwd!
Goed artikel Eduard! Misschien een leuke aanvulling is de (nieuwe?) manier van Google om mensen de mogelijkheid te geven om (o.a.) Flash te ontwijken.
http://blogoscoped.com/archive/2008-06-10-n16.html
Hier een voorbeeld waarbij SWFObject gebruikt is om de content die de bezoeker ziet in de flash exact overeen te laten komen met de HTML content. In het “no flash” deel van het SWFObject script is de content uit de flash opgenomen. Normaliter heeft een full flash website slechts 1 pagina (de openingspagina die de flash opent), maar in dit geval heeft elke ‘flash pagina’ een html equivalent. Wanneer die html pagina geopend wordt krijgt de bezoeker (met flash) de juiste pagina binnen de flash te zien terwijl iedereen zonder flash (dus ook googlebot) dezelfde content maar dan in HTML te zien krijgt.
Het voorbeeld: (zie pagina bron, probeer maar wat verschillende pagina’s)
http://www.google.nl/search?aq=f&hl=nl&q=site%3Atrans4m.nl&btnG=Zoeken&meta=
@Wiep
Thanks! Ik zag vochtend indd ook voorbijkomen dat Google test met een ’skip intro’ optie voor Flash websites in de zoekresultaten.
Wat mij betreft een goede ontwikkeling die zeker bijdraagt aan de gebruikersvriendelijkheid.
@Bart
Dankjewel voor je goede en illustratieve voorbeeld! Dit is inderdaad een goede oplossing om Flash zoekmachine-vriendelijk te implementeren.
Belangrijk is en blijft dat de HTML content identiek is aan de Flash content. Dit bereik je inderdaad in dit voorbeeld door het opdelen van de Flash movie en daar HTML-equivalenten naast te zetten.
[...] Het artikel dat ik namens EdWords.nl Zoekmachine Marketing Blog heb ingezonden, is: Handleiding: Zoekmachine Optimalisatie (SEO) voor Flash websites [...]
De 9de Online Marketing Blog Kermis…
Inmiddels al weer de 9e Online Marketing Blog Kermis…
Leuk artikel en inderdaad zeer leerzaam. Zeker voor flash-developers. Wat mij echter opviel is dat je uitgaat van ’standaards’ in flash websites die allang achterhaald zijn. Intro filmpjes zijn al jaren een ouderwets internet fenomeen. Lange laad-tijden gelden ook voor sommige html sites. Bovendien leest flash goed externe content in (html tekst of xml) waardoor de gebruiker alleen krijgt waar hij naar navigeert. Het al dan niet logische karakter van de navigatie van een flash site hangt echter af van twee dingen; de gebruiker en de developper en is niet inherent aan een programma, programmeertaal of medium.
Ik ben mij ervan bewust dat SEO een big business aan het worden is maar naar mijn mening lopen we de verkeerde kant op. Zoekmachines moeten ons (developpers en ontwerpers) volgen niet andersom.
Los daarvan, bedankt voor het artikel.
@Daan
Dankjewel voor je reactie.
Natuurlijk zijn intro-filmpjes achterhaald, maar ik zie ze nog veel vaker dan me lief is (bijvoorbeeld bij actiewebsites van adverteerders).
Natuurlijk leest Flash goed externe content in en met behulp van bijvoorbeeld SWFAddress kun je bezoekers naar een gedeelte van de flash movie laten navigeren. Maar zoekmachines zien dat nog steeds niet als een aparte pagina, wat juist in termen van SEO belangrijk is.
Ik denk dat zoekmachines en developers elkaar meer moeten opzoeken inderdaad. En dat gebeurt ook in relatie tot SEO voor Flash. Zo is Google vorige maand de samenwerking met Adobe aangegaan om Flash beter te indexeren.
Hoi Edwords,
Zeer nuttig artikel maar kan je ons toeveallig ook vertellen hoe je een google adwords conversiontag werkbaar krijgt in een flashpagina?
Alvast bedankt!
Groeten Sarah
@Sarah
Dankjewel!
Dat is niet eenvoudig maar wel te doen. Neem anders even contact op met me.
Edwords,
Wordt de tekst achter de flashfile als spam gezien? Zodat men daadwerkelijk zakt in de ranking mbt gevonden worden?
@Frank
Zoals je waarschijnlijk hebt gelezen in de handleiding, is het belangrijk dat de tekst in de Flash file en ‘achter’ de flashfile identiek zijn.
Als dat niet zo is, betekent dat niet automatisch dat je zakt in de posities in de zoekresultaten. Maar hoe meer het afwijkt, hoe groter die kans wordt.
Wij gebruiken een soortgelijke techniek, txt bestanden die met php in de google HTML pagina’s worden geladen alswel in de flash website met loadvars. Met deeplink variabelen wordt naar de goede plek verwezen in de flash website, zie voorbeeld: http://www.archiware.nl/algemeen/seo-for-flash-websites.php
@Bas
Dankjewel voor je reactie. Een aardige aanvulling inderdaad die aardig werkt.
Maar het is nog steeds geen ideale oplossing. De url met vele parameters kan problemen opleveren, zowel voor bezoekers als zoekmachines.
Ps. SEO staat niet voor ’search engine optimalisation’, maar voor “Search Engine Optimization” (of met een “s” geschreven in de UK)
Hallo
ik heb net mijn eindwerk gemaakt over dit exacte onderwerp. Ik kwam inderdaad ook tot de conclusie dat SWFObject de beste manier is om je Flash site het goed te laten doen bij Google en andere zoekmachine’s. Ook jouw artikel hier heeft me geholpen. Bedankt!
Leuk te horen, Tine, dankjewel!
Of je gebruikt een flash cms systeem zoals Olga.
Dit laat standaard in de achterliggende html zien wat ook in Flash te zien is.