Eigenes WordPresstheme – Teil 5 – SEO Überlegungen

Unser Theme wird im Gegensatz zu fast allen im Netz erhältlichen WP Themes suchmaschinenfreundlich. Wir haben unbemerkt bereits einiges dazu unternommen, jetzt folgen die Überlegungen die dahinter stehen.
Bei der Mehrzahl der WordPress Blogs wurden gewisse Gepflogenheiten einfach von anderen Blogs übernommen. Vieles wurde deshalb irgendwann einmal vom Default Theme übernommen, das leider alles andere als SEO-optimiert ist, das sich in den letzten Jahren deutlich gebessert hat aber noch immer bei weitem nicht SEO optimal ist.

Vorab sei bemerkt, dass SEO eine Welt für sich ist. Ich beachte hier relativ „anerkannte SEO Grundsätze“. Im Prinzip sind diese aber genauso Ratespielen, weil kein Mensch ausserhalb von Google weiss, wie man Google SEO letztlich machen muss. Ich beachte also Grundregeln, die sich als gut herausgestellt haben, kümmere mich aber nicht um irgendwelchen aktuellen SEO-Freak Tricks, die alle paar Monate neu erfunden werden.

Der Blogtitel

Bei WordPress Blogs steht häufig oben der Titel des Blogs als h1 Überschrift verlinkt mit der Hauptseite des Blogs. So ist es jederzeit möglich auf die Startseite des Blogs zu wechseln. h1 Überschriften werden von Suchmaschinen extrem wichtig gewertet. Somit hat man auf jeder Seite eine h1 Überschrift, die den Titel des Blogs beinhaltet. Nachdem viele Blogger gerade als Header etwas schöneres wollen, als HTML Text, der in jedem Browser anders aussieht benützen viele CSS Tricks um den Link unsichtbar zu machen. (text-indent etc.) Allerdings ist bekannt dass Google allergisch auf „verstecke Texte“ reagiert. Wenn das dann noch die einzige h1 Überschrift einer Seite ist wird Google das sicher nicht positiv bewerten.

Ich werde also in der Kopfzeile eine Grafik verwenden und nicht den Titel als h1. Bei Single Seiten (Seiten die einen einzigen Blogbeitrag darstellen, werde ich den Titel des Beitrags als h1 Überschrift verwenden. Das ist SEO technisch sicher besser. Im Beitrag sollte man dann nur h2 Überschriften und „darunter“ verwenden.

In multiple-Seiten (Darstellung mehrerer Beiträge in Kurzform) stellt sich die Frage welche h1 Überschrift man verwenden sollte. Es wird allgemein nicht als gut angesehen 10 h1 Tags auf einer Seite zu verwenden. Somit sollte man nicht die Titel der Beiträge alle mit h1 taggen. Stattdessen werde ich h2 verwenden. Als h1 Tag werde ich auf der Hauptseite einen fixen Text verwenden. Dazu nehme ich den Untertitel des Blogs. Durch die Möglichkeit in HTML5 einzelne Artikel mit article zu kennzeichnen gehe ich davon aus, dass Google das richtig zu interpretieren weiss und werde, nach einfügen der HTML5 Tags auch auf h1 Überschriften in multiple Seiten umstellen.

Sidebar Überschriften

In den Sidebars hat es sich etabliert h2 Überschriften zu benützen. Die Titel der Beiträge werden aber auch mit h2 Tags belegt, somit sind für eine Suchmaschine die Überschriften der Sidebars („Blogroll“, „Meta“, „Login“, „Suche“ usw.) genauso wichtig wie der Titel des Beitrags. Das ist SEO Selbstmord. (Außer man beabsichtigt mit dem Suchwort „Login“ unter die Google Top 10 zu kommen) Im alten Default Theme waren in den Sidebars noch verschachtelte ul Listen, was vom SEO Standpunkt eine sehr gute Lösung aber etwas unübersichtlich ist und beim Formatieren oft Probleme macht. Ich habe daher die Lösung gewählt die Überschriften der Sidebars als h6 zu taggen. Sie werden somit von Suchmaschinen kaum gewertet. Nun gibt es Leute die meinen Überschriften sollten konsistent von h1->h2->h3 usw geschachtelt sein. Somit wäre es eher schlecht plötzlich h6 zu verwenden. Ich halte es trotzdem für eine brauchbare Lösung.

Fazit

Leider ist es immer noch sehr in den Köpfen, dass grosser Text h1 sein muss, kleinerer h2 usw. Layout ist aber reine css Sache, weshalb man die Entscheidung welche Tags verwendet werden ausschliesslich aus SEO-Sicht betrachten sollte. In den weiteren Beiträgen werden wir das noch öfter einsetzen, wir haben aber bereits jetzt eine solide SEO Grundausrichtung des Quellcodes. Inhalt kommt zuerst im Code, h1 Tags für die wichtigen Überschriften, Abwerten der unwichtigen Teile, da findet sich auch der Googlebot gut zurecht.

Um die besprochenen Überschriften zu erzielen muss der Loop in der index.php adaptiert werden. Etwas merkwürdig ist die Ausgabe des Contents. Hier frage ich zuerst ab ob es ein manuelles Exzerpt gibt. Dieses wird heute kaum noch verwendet, weil auch die Eingabebox dafür in den aktuelleren WP-Versionen standardmäßig ausgeblendet ist. Man kann da einen eigenen „Teaser Text“ für seinen Beitrag eingeben, der dann in multiple Seiten angezeigt wird. Nachdem das SEO technisch sehr clever sein kann habe ich die Funktion trotzdem beibehalten.
Danach wird nachgeschaut ob der Text einen <–more–?> tag hat. Ist dieser im Artikel, wird bis zum more Tag dargestellt. Falls nicht erzeugt WordPress selber ein Exzerpt mit 55 Wörtern.Für mich ist das die passendste Variante. Es werden also in multiple Seiten immer Kurzformen des Artikels dargestellt. Wer das anders haben möchte kann das natürlich adaptieren.

WordPress sieht eine Unterscheidung in single und multiple Seiten vor. Man muss nur ein File namens „single.php“ anlegen und bei single Seiten wird automatisch dieses Template verwendet. Also trennen wir das mal der Übersichtlichkeit halber noch auf 2 Files. index.php und single.php. Problem ist, dass Seiten (pages) dann über die index.php ausgegeben werden und somit immer eine verkürzte Form dargestellt wird. Dies umgehen wir indem wir eine Datei page.php anlegen und darin einfach nur die single.php inkludieren. Somit werden Seiten vorerst auch über die single.php ausgegeben. Bei der index.php geben wir ganz oben eine h1 Überschrift an, und zwar den Untertitel des Blogs. Diesen können wir in den Einstellungen im Admin Panel entsprechend ändern.

« Eigenes WordPress Theme – Teil 4 – WP-Funktionalität -  Eigenes WP-Theme – HTML5 Tags und Metadaten »