7 februari 2012

WordPress header Optimalisatie voor Cutline theme

Op deze blog is de WordPress template Cutline toegepast.

In dit thema zit de mogelijkheid om per gedeelte van de site de afbeeldingen te wijzigen, zodat je ieder keer een andere header ziet.

De Header ALT Tags

Dit wordt geregeld in het bestand header.php ofwel de Koptekts als je in de nederlandse versie van de Theme Editor zit.

In het onderste gedeelte van dit bestand vindt je de codes voor de diverse afbeeldingen.
Ene van de codes die je kunt vinden is:

alt=” header image 1″ />

Dit betekent dat je in de omschrijving van de afbeelding, ook bij een mouseover, de tekst te zien krijgt:
“WordPress SEO Informatie van Itmentor header image 1″

Je begrijpt, dat is niet echt wat je wilt als je teksten gaat optimaliseren, zelfs voor deze kleine zaken niet.

Wat je dus kunt veranderen is het volgende, van de string:

alt=”< ?php bloginfo(‘name’); ? > header image 1″ />

verwijder je het “< ?php bloginfo(‘name’); ? >” zodat alleen de tekst “header image 1″ nog over houdt.
Dit tekst wordt dan gewijzigd naar een meer passende tekst voor de inhoud van de Blog.

Hier wordt dat voor deze Blog “Zoekmachine Optimalisaitie SEO voor WordPress Blogs”.
Sla het bestand op en kijk of het gewerkt heeft, wel even een refresch van de pagina doen…

Als er tevreden mee bent, dan kun je voor de overige pagina’s op dezelfde manier ook goede keywords toevoegen.

De header afbeeldingen

Ik wijzig ook de afbeeldingen zodat ze beter bij mijn  persoonlijke smaak passen en een zekere eigen opmaak laten zien.

De afbeeldings bestanden die ik daarvoor maak hebben ook de keywords in de naam zitten, zoals wordpress-seo.jpg en zoekmachine-optimalisatie-wordpress.jpg
Deze bestanden worden via FTP geupload naar de images map van het thema.

Deze namen worden ook in de header ingevuld op de juiste posities, dus ook in het onderste gedeelte, zodat ze bij iedere pagina wisseling wijzigen.

Je ziet zelf aan de code wel wat veranderd moet worden.

Theme Header Optimalisatie

Als je een ander thema gebruikt

Bij de meeste thema’s zit wel een hoofding met een afbeelding.
Kijk dan eens naar de code van het header bestand, misshien staat er al een Alt tag die past (het bloginfo gedeelte) and anders kun je na de afbeeldingsverwijzing zelf nog een alt tag toevoegen.

Een “Title” tag kan ook , zelfs een combinatie van beide is mogelijk.

Verder is het belangrijk dat in de header file de positie van de sopo_title voor de bloginfo(‘name’) staat, zodat je altijd eerst de titel van de post krijgt, voor de blognaam!!
Anders zie je in de zoekmachine eerst de hele blognaam en dan pas de titel van de post….

Of dit voor jou blog het geval is kun je in google snel controleren dooe te zoeken met site:www.example.com waarbij je example natuurlijk vervangt door je eigen URL.

Genesis Framework for WordPress

WordPress SEO is gebouwd met het Genesis Framework

Het Genesis Framework met een van de StudioPress Thema's geeft je de mogelijkheid om snel en eenvoudig een uitstekende website te bouwen met WordPress. Genesis geeft je een veilige en zoekmachine geoptimaliseerde basis met WordPress mogelijkheden die je niet verwacht. Meer weten? Klik hier

Reacties

  1. Bas zegt:

    Hey,

    Ik zie dat je ook Cutline gebruikt. Ik vroeg me af hoe je de links in de header (naar de pages) goed voor mekaar hebt gekregen? Ik ben er al ff naar aan ‘t kijken, maar ‘t wilt niet echt lukken bij mij helaas.

    Een tip zou geweldig zijn :-)

    Gr,
    Bas

  2. Hummerbie zegt:

    @ Bas

    In de header.php file vind je de code voor je “about” pagina in een vorm die begint met “< li" en daarna
    een if statement is_page('about')) echo('class="current" '); /about/ >Over Hummerbie (code gestript ivm uitvoering van PHP)

    De Cutline Theme code gaat uit van de “pageslug”, dit is meestal de titel van je artikel of pagina, maar die kun je ook wijzigen.

    Als je nu een pagina zou maken met als titel “Istanbul” en je slaat die op, dan kun je later een verwijzing maken in je header door de About regel volledig te kopieren en daarna alle ” about” teksten te vervangen door ” Istabul” .

    De eerste code “if” kijkt naar de pageslug (in jouw geval bij versie 2.5.1 is dit de optie permalink direct onder de titel) om daarna /istanbul/ toe te voegen aan je blog URL (in jouw geval dus http://www.basbasbas.com) en dan in de header tekst “Istanbul” te tonen.

    Zoals je ziet, gaat Cutline er wel vanuit dat je inderdaad goede permalinks gebruikt.
    Mocht er nog iets niet duidelijk zijn, laat het me even weten.

  3. Bas zegt:

    Thanks man! Is gelukt. Eigenlijk best simpel ^_^

Laat wat van je horen

*