Het bouwen van SEO vriendelijke Flash-sites

Dit artikel is bedoeld om een ​​einde te maken aan het debat over het maken van SEO-vriendelijke Flash-sites. Ik zal enkele fundamentele tips en richtlijnen bespreken, zodat u aantrekkelijke en interactieve Flash-sites kunt maken die door zoekmachines kunnen worden geïndexeerd.


Het debat

Ontwikkelaars en ontwerpers hebben lang gedebatteerd over het indexeren van zoekmachines met Flash. De conclusie is altijd geweest om Flash niet te gebruiken als u wilt dat zoekmachines uw inhoud indexeren. Veel klanten hebben dit verkeerde geloof al lang gevolgd. Hoewel de klant er echt behoefte aan heeft om voor Flash-interactie te kiezen, wordt deze meestal voorkomen om ervoor te zorgen dat hun sites goed worden gecrawld.

Het idee dat zoekmachines Flash haten, betekent dat veel klanten de aantrekkelijke en rijke inhoud missen die Flash kan maken. Eerlijk gezegd, Flash deed problemen hebben met crawlers van zoekmachines. Tegelijkertijd is het geen zwart-wit-situatie waarbij u Flash- of zoekmachine-vriendelijke site-inhoud moet gebruiken; er is een breed grijs gebied in het midden dat we zouden moeten overwegen.

Het is mogelijk om de voordelen van beide partijen te benutten met enkele tips die u kunnen helpen de toegankelijkheid van uw zoekmachine voor uw Flash-site te verbeteren. Het toepassen van deze tips is afhankelijk van de projectomstandigheden zoals we in dit artikel zullen zien.

Deze tips zullen uw Flash-site niet noodzakelijkerwijs verbeteren, maar ze moeten u helpen ideeën in gedachten te houden wanneer u de eerste stappen van het bouwen van uw website plant.


Flash-inhoud

Het eerste te benaderen onderwerp is hoeveel Flash u in uw website zult hebben. Over het algemeen zijn er drie soorten websites op basis van de Flash-inhoud: geen Flash-sites, deels Flash-sites en volledige Flash-sites. Hier zullen we praten over de laatste twee typen, omdat de niet-Flash-websites niet onze zorg zijn in dit artikel.

Flash is een aantrekkelijke media die u helpt content te leveren en een rijke ervaring te bieden aan websitebezoekers. Het kiezen tussen volledige Flash-sites en deels Flash-sites is echter voornamelijk gebaseerd op de inhoud en structuur van de website:

Gedeeltelijk Flash-inhoud

Als we kijken naar nieuwssites zoals CNN en BBC, zou je je nooit kunnen voorstellen dat deze websites volledig Flash zouden kunnen zijn (de Adobe-site zelf is niet eens volledig Flash.) De conclusie die we hier trekken is dat het meer geschikt is voor sommige sites 'inhoud om gedeeltelijk flash-inhoud te hebben in plaats van volledige Flash-inhoud.

Over het algemeen is het voor websites met enorme inhoud, zeer dynamische sites en bedrijfssites meer geschikt om gedeeltelijk Flash-inhoud te hebben. Het idee achter dit idee is dat dergelijke sites op de meeste pagina's en in de inhoud ervan geen aantrekkingskracht of functionaliteit van Flash vereisen. Websites die lijken op de bovenstaande voorbeelden kunnen Flash echter insluiten in gebieden waarvoor alleen de interactie of functies van Flash nodig zijn.

Nieuwswebsites (zoals het bovenstaande voorbeeld) vereisen alleen Flash bij het weergeven van video- en banneranimaties. De website van Adobe gebruikt Flash om productdemo's, banners en videozelfstudies weer te geven, terwijl de rest van de inhoud van de website platte tekst is.

Volledige Flash-sites

Volledige Flash-websites bieden niet alleen inhoud, maar bieden de gebruiker ook een aantrekkelijke media-ervaring die helpt een idee te geven over een bepaald onderwerp. Ontwerpstudio's en creatieve sites die blijk geven van creatief potentieel maken vaak gebruik van volledige Flash-sites.

Bekende handelsmerken zoals Nike, Coca Cola en Adidas (zoals hieronder te zien) zijn bedoeld om gebruikers een aantrekkelijke ervaring te bieden via hun Flash-sites. Het idee is om hun producten te introduceren via een technologie die de gebruiker maximale aantrekkingskracht en plezier biedt.


Paginatitel en metagegevens

Crawlers van zoekmachines voeren de navigatie in webpagina's van boven naar beneden uit. Daarom zijn de eerste regels die aan de zoekmachine worden gepresenteerd de pagina's titel en metadata.

De pagina titel is de titel die op de titelbalk van de browser wordt weergegeven als de titel van de pagina op de website. Wanneer u in een zoekmachine naar een website zoekt, wordt de titel van de homepage meestal weergegeven in de titel voor de zoekopdracht. De eerste en belangrijkste stap om de zichtbaarheid van sites in zoekmachines te vergroten, is door relevante trefwoorden aan te bieden in de paginatitel.

De titel van de startpagina wordt afgekapt tot een beperkt aantal tekens, waarbij het bedrag afhangt van de zoekmachine. Google staat bijvoorbeeld slechts ongeveer 64 tekens toe in de titel.

De metadata omvat zowel trefwoorden als een beschrijving. Sleutelwoorden zijn gescheiden woorden die de inhoud van de website vertegenwoordigen. Zoekmachines hebben een beperkt aantal sleutelwoorden om te indexeren, dus het is een goed idee om uw zoekwoorden eerlijk en relevant te maken voor uw inhoud. De tekenbeperking voor zoekwoorden is ongeveer 160 tekens.

Meta omschrijving is een kleine beschrijving van uw website; dit wordt geïndexeerd met de paginatitel en meta-trefwoorden. Net als bij de rest van de metadata-informatie, heeft het een beperkt aantal tekens dat zal worden opgemerkt. Nogmaals, de hoeveelheid varieert van de ene zoekmachine tot de andere; het is gelimiteerd tot 160 in Google, 165 in Yahoo en 200 in MSN.


Flash-optimalisatieproces

Het ontwikkelingsproces binnen Flash is niet zo ver verwijderd van het optimalisatieproces. Er zijn twee hoofdmethoden om uw Flash-inhoud te optimaliseren voor zoekmachineoptimalisatie. De eerste methode is om de Flash-site als volgt over meerdere HTML-bestanden te verdelen:

Hoewel de Flash-website is ingesloten in slechts één webpagina, zoals te zien in het onderstaande diagram, kunt u de inhoud van uw Flash-site splitsen naar meerdere webpagina's; elke pagina heeft zijn eigen URL, paginatitel, meta-trefwoorden en metabeschrijving.

Hier is elk van de SWF's voor thuis, producten, services en contact op een andere webpagina geplaatst. Flash Website.swf linkt naar elk van deze pagina's.

Deze methode kan helpen bij het verminderen van de totale SWF-bestandsgrootte als onderdeel van het optimalisatieproces en biedt u de mogelijkheid om specifieke metagegevens aan elke pagina toe te voegen. Als u bijvoorbeeld een website hebt met bijvoorbeeld een productkoppeling en een serviceskoppeling, kunt u in de metagegevens van de productgegevens de naam van het product enz. Opgeven en ook de relevante informatie in de metadata van de services opgeven.

Samen met de gescheiden Flash-bestanden worden de koppelingen van de Flash-site weergegeven in de HTML-pagina's, waardoor de zoekmachines de URL van de website direct kunnen indexeren zonder enige work-around oplossingen.

Het volgende diagram laat zien hoe u een Flash-website kunt herstructureren om uit meerdere HTML-pagina's te bestaan ​​in plaats van één pagina.

De tweede methode is om de hele Flash-site in één HTML-pagina te laden en alle links in het Flash-bestand te laten insluiten. Hoewel deze methode de Flash-koppelingen en -pagina's van de zoekmachine kan verbergen, zijn er enkele work-arounds die u kunnen helpen zowel de voordelen van de links binnen Flash te verkrijgen als om deze links ook geïndexeerd te krijgen.

Er zijn een aantal bibliotheken die de zoekmachinemogelijkheden in Flash-websites kunnen verbeteren: SWFAddress en SWFObject.

SWFAddress is een Javascript / ActionScript-bibliotheekimplementatie waarmee de URL van de browser kan worden gewijzigd op basis van ActionScript-gebeurtenissen of wat bekend staat als Deep Linking. Met deze methode kan elke pagina of koppeling in Flash een unieke URL bevatten, die wordt geïndexeerd door zoekmachines.

(Daniel Apt heeft deze methode besproken in zijn artikel Flash Websites: de voors en tegens.)

SWFObject is een andere Javascript-bibliotheek die de Flash Player-versie van de browser detecteert en een eenvoudige methode biedt om deze te installeren. Het kan een alternatieve tekst leveren om weer te geven of de Flash-site niet kan worden geladen vanwege de browserbeperkingen of het niet beschikbaar zijn van Flash Player. Voor crawlers van zoekmachines die geen ondersteuning bieden voor Flash, kunt u SWFObject gebruiken om alternatieve tekst en koppelingen te bieden die worden geïndexeerd.

De SWFObject-documentatie op Google-code biedt volledige informatie over deze methode.


Google, Yahoo en MSN Flash Indexing

Een van de grootste successen in de geschiedenis van Flash is om de belangrijkste zoekmachines zoals Google, Yahoo en MSN de inhoud van Flash te laten indexeren. Deze trend helpt het grootste deel van de Flash-inhoud op internet te indexeren. Bovendien zal het voor altijd een einde maken aan het dilemma over Flash en SEO. Het was ook een geweldige stap voor zoekmachines, met het toenemende aantal Flash-inhoud op het web en de echte noodzaak om deze inhoud te indexeren ten behoeve van internetgebruikers.

Begin 2008 heeft Google een algoritme ontwikkeld om Flash SWF-inhoud via internet te indexeren. Dit nieuwe algoritme kan alle tekstuele inhoud in de SWF-bestanden indexeren, inclusief tekst, koppelingen en zelfs knoppen met tekstbijschriften.

Later, midden 2009, ontwikkelde Google dit algoritme een paar stappen verder met de mogelijkheid om externe tekst gekoppeld aan Flash te indexeren, zoals tekst geladen als HTML en XML, en tekst in andere SWF-bestanden gekoppeld aan een hoofd-SWF-bestand (zoals vermeld in Google's aankondiging, Flash-indexering met externe bronbelasting.) We kunnen de inhoud samenvatten die Google kan indexeren wanneer crawlers SWF-inhoud ontmoeten als:

  • Alle tekstinhoud in het SWF-bestand, of het nu gaat om statische tekst, dynamische tekst, tekst via knoppen of tekstkoppelingen.
  • Externe tekstinhoud geladen in de SWF, zoals HTML en XML.
  • Tekst geladen via Action Script inclusief alle versies van Flash ActionScript.
  • Flash-inhoud geïmplementeerd in de site via javascript zoals SWFObject.

De meeste site-eigenaren houden zich bezig met de belangrijkste zoekmachines, maar als u de indexering van uw Flash-site wilt uitbreiden, kunt u de bovenstaande tips raadplegen om ervoor te zorgen dat de inhoud van uw Flash-site wordt geïndexeerd in de meeste zoekmachines.


Conclusie

Roddel rond Flash is schering en inslag. Andere nieuwe technologieën en hoe ze kunnen concurreren met Flash zoals Sliverlight, Ajax, JQuery en (meest recent) HTML5-video-inbeddingsmogelijkheden worden altijd besproken.

Eigenlijk zijn dit maar enge gedachten over Flash. Andere technologieën kunnen functies en technologieën presenteren die vergelijkbaar zijn met Flash, maar Flash heeft veel meer dan een paar functies om mee te concurreren. Naast de Flash-functies zelf biedt Flash een echt exclusief voordeel waardoor het een unieke positie heeft onder concurrenten die animatie, interactiviteit of multimedia-inhoud kunnen bieden: de brede integratie. U kunt uw Flash-toepassing gebruiken op internet, op de desktop, mobiel en zelfs op tv, waardoor projectkosten met meerdere platforms worden verminderd.

Bovendien kan Flash worden geïntegreerd met zowel Adobe- als Microsoft-tools om de meest uitgebreide workflow tussen applicaties te bieden. U vindt meer informatie over de Flash-integratie in mijn artikel, Snelle tips voor het integreren van Adobe Creative Suite 3-producten.

Over het algemeen is het een groot voordeel om Flash in uw website en interactieve inhoud te implementeren. De bovenstaande tips moeten u helpen om te versmelten tussen de voordelen van de aantrekkelijke inhoud van Flash en het maken van zoekmachine vriendelijke websites.

Ik hoop dat je dit artikel leuk vond en het nuttig vond, bedankt voor het lezen.