Zoekmachine-optimalisatie (SEO-tools and rules)

uit de cursus Responsive websites maken met Adobe Muse

Leuk dat je onze site bezoekt,

Ben jij leergierig?. Jij abonnee en dan ik geef jou 5% korting op de eerste maand! Wat vind je daar van? gebruik als kortingscode: DIEHARD

Geef een reactie of stel een vraag

Geef een reactie

Registreer als je wilt reageren.

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.

Responsive websites maken met Adobe Muse

perm_identity Belinda | video_library 71 video's | query_builder 06:00:26

Makkelijk websites maken met Adobe Muse

Leer hoe je met Adobe Muse websites maakt en publiceert. Dankzij de eenvoudige interface kan iedereen zonder voorkennis van HTML-code, CSS en/of JavaScript toch vrij eenvoudig een responsive website creëren en online publiceren. Jammer genoeg is Adobe gestopt met de verdere ontwikkeling van Muse maar het programma is nog steeds te downloaden en te gebruiken.

Doelgroep van deze cursus

Iedereen die websites wil leren maken zonder kennis te willen hebben van broncode, html, css en javascript.

Wat ga je leren

In deze online cursus leer je de verschillen tussen een statische, vloeiende en responsive website. Alle meest gebruikte vensters, gereedschappen en instellingen komen aan bod.  Direct vanaf de eerste instructievideo’s besteden we aandacht aan de meest snelle en efficiënte manier waarop je webpagina’s en -sites zou moeten maken. Dus werken met master pages en stijlen.

Interactieve media met JavaScript Widgets

Je leert de widgets van het programma toe te passen. Dit zijn voorgebakken JavaScript toepassingen waarmee je in een handomdraai bijvoorbeeld een fotogallerij, formulier en interactieve kaarten kunt maken.

Om ervoor te zorgen dat de website er goed uitziet op elk apparaat. Van mobiel, tablet tot desktop besteden we een volledig hoofdstuk aan Responsive Webdesign.

Vereiste voorkennis en vaardigheden

Dit progamma kan iedereen leren, het is laagdrempelig en werkt met het WYSIWYG-principe. Jij creëert prachtige webpagina’s met behulp van de gereedschappen, opties en instelvensters en Adobe Muse schrijft de benodigde code voor jou op de achtergrond weg.

SEO staat voor Search Engine Optimalization.

Een zoekmachine als Google doorzoekt en inventariseert teksten van websites.

Maar hoe kan een zoekmachine de belangrijkheid van specifieke woorden inschatten?

Als een woord vaker terugkomt is het vast belangrijk.

Als er regelmatig synoniemen voor woorden worden gebruikt dan wordt dit ook opgepikt.

Maar een machine is maar een machine en kan wel wat hulp gebruiken.

Daarvoor biedt SEO uitkomst.

Weet je weinig van SEO-technieken en het belang ervan?

Zoek dan eens op het web op de zoekterm SEO.

Er zijn heel veel websites te vinden die je hier heel veel over willen uitleggen.

Open een zoekmachine en typ een zoekterm in.

Jouw zoekterm zou je kunnen vergelijken met een keyword.

In de zoekresultaten zie je eerst de titel van de website of -pagina.

Daaronder staat de url weergegeven.

De eerste regels zijn gereserveerd voor de Description.

De beschrijving die opgegeven is voor de website.

Je ziet dat er maar een beperkte ruimte is voor de description.

Je kunt zo maximaal tot woorden gebruiken.

In deze korte beschrijving wil je zo goed mogelijk relevante woorden en zoektermen opnemen.

Je kunt naast een beschrijving ook kernwoorden opgeven die jij belangrijk vindt op de pagina.

Daarmee stuur en help je als het ware de zoekmachine.

Als een bezoeker dan één van jouw woorden als zoekterm intypt.

Dan wordt hopelijk jouw pagina in de resultatenlijst weergegeven.

Ik loop een paar handelingen met je af die Muse biedt om ervoor te zorgen dat je website beter geïndexeerd wordt.

Open een pagina en geef deze website weer in de browser via Preview Website in Browser.

In het tabblad van de browser staan hier de namen van de pagina’s zoals je deze hebt opgegeven in de plan Mode.

Loop de pagina’s af, bekijk de namen. En vergelijk deze daarna met de paginanamen in de Plan mode.

Deze zijn exact hetzelfde.

Voor het SEO maken van de website start ik met de A-Master Page.

Klik met de rechter muisknop ingedrukt op het A-Master icoon.

En kies uit het contextuele menu voor Page Properties.

Activeer hierin het tabblad Metadata.

Je kunt html-code op laten nemen in de van de pagina.

Maar aangezien je hier html-kennis voor nodig hebt. Laat ik deze optie nu zitten.

Onderin het venster kun je de titel van de pagina uitbreiden met een Prefix.

Dat is tekst voor de titel.

Of Suffix, dat is tekst na de titel.

Die wil ik gaan gebruiken. Ik klik in het invoerveld.

Ik typ eerst een spatie dan een recht opstaande streep, weer een spatie en het jaartal .

Activeer het tabblad Options.

Onderin het venster kun je een Favicon Image opgeven.

Dit moet een vierkante, transparante png-afbeelding zijn.

Het formaat maakt niet als deze maar vierkant is.

Ik heb een afbeelding voorbereid. Klik op het mapicoon.

Navigeer in de oefenmap naar de map 'assets'.

Selecteer het bestand ‘favicon.png’, deze is x pixels en klik op Open.

Voer deze veranderingen door.

Activeer een pagina en bekijk deze opnieuw in de browser.

Achter elke paginanaam in de tabbladen staat nu het jaartal.

En voor in het tabblad is de favicon terug te vinden.

Dit ziet er al heel verzorgd uit.

Keren we weer terug naar de homepagina.

Ik klik met de rechtermuisknop ingedrukt in het canvas naast de webpagina.

En kies uit het contextuele menu voor Page-Properties.

In de Page Properties kun je per pagina specifieke SEO relevante informatie invoeren die enkel voor deze pagina geldt.

Zie je dat je hier ook een andere favicon kan kiezen.

Je kunt de favicon dus per pagina bepalen.

Handig als je een website hebt ontworpen met elk menu bijvoorbeeld in een andere signaalkleur.

Dan zou je bijvoorbeeld de kleur van de favicon kunnen afstemmen op de signaalkleur van de pagina.

Voor SEO gerelateerde opties activeer je het tabblad Metadata.

Allereerst de Description.

Omschrijf hier in korte kernachtige bewoordingen de belangrijkste boodschap, missie en informatie van de webpagina.

Bedenk dat je hierin woorden opneemt die daadwerkelijk in de pagina staan.

En waarvan jij denkt dat een eventuele bezoeker ze als zoekterm zal intypen.

Gebruik maximaal tot woorden voor de Description.

Bij Keywords voer je enkel de kernwoorden in.

Je scheidt de woorden met een komma en een spatie.

Ongeveer keywords is het maximum.

Maar als het er minder zijn is dat prima.

Typ alleen relevante woorden en woorden met specifieke betekenis.

Gebruik geen hoofdletters of vreemde leestekens.

Dit kun je voor elke pagina gaan doen.

Zo help je zoekmachines om elke pagina van je website goed te indexeren.

Voor afbeeldingen zijn de zoekmachines nog grotendeels afhankelijk van de beschrijving die jij ervoor opgeeft.

Dit doe je in de zogeheten Alt-tag.

Deze gegevens zijn niet zichtbaar op de webpagina.

Ze zijn puur bedoeld om zoekmachines meer inzicht te geven in de inhoud van de website.

Op de pagina’s maak je natuurlijk gebruik van allerlei afbeeldingen en illustraties.

Heb je deze toegepast als een vulling, bij Fill. Een achtergrondafbeelding? Dan kun je hier geen SEO op toepassen.

Heb je de afbeelding geplaatst via File > Place.

Klik dan met de rechtermuisknop op de afbeelding

En kies uit het contextuele menu voor ‘Edit Image Properties’.

De tooltip wordt getoond als een bezoeker met de muis boven de afbeelding blijft ‘hangen’.

Ik typ hier de naam van de spreker.

Bij Alternative Text plaats ik naast zijn naam ook zijn beroep

De alt-tekst wordt door spraakmachines uitgesproken.

Zo weet een blind iemand dat hier een afbeelding staat van Diederik en welk beroep hij uitoefent.

Je voert alleen Tooltips en Alternatieve teksten in voor illustraties en afbeeldingen die betekenis hebben op de webpagina.

Alles wat puur ter illustratie en versiering dient moet je juist niet voorzien van deze extra eigenschappen.

Je kunt nu dus alle pagina’s, afbeeldingen en illustraties gaan voorzien van deze SEO opties.

Ik weet dat velen van jullie nooit zoveel zin hebben in dit soort administratieve klussen.

Maar als je echt wilt dat je website goed gevonden wordt.

Is het wel zo verstandig om dit toch te doen.