Textauszeichnung
Aus ShopleiterWiki
Seitenstrukturierung und Textauszeichnung
Die Seitenstruktur einer Webseite ist im Zusammenhang mit Suchmaschinen ein spannendes Thema. Eine Seite besteht aus Titeln, Überschriften, Blöcken und dem eigentlichen Inhalt. Innerhalb des Contents befinden sich Absätze, Listen, Zitate, Bilder, Tabellen und sonstige Textauszeichnungen. Für jeden Informationstyp gibt es eigene Tags. Manche dieser Tags besitzen bei der Indexierung ein höheres Gewicht als andere. Wer sich etwas umfassender mit dieser Thematik beschäftigen möchte, dem empfehlen wir einen Blick in die Google Website-Inhaber-Hilfe. Ebenfalls liefert der Google Webmaster Central Blog aktuelle Informationen rund um das Crawling und die Indexierung einer Website.
Crawling and Indexing von Websites
Der Fachbegriff dafür lautet Seitenaufteilung (Page Segmentation). Es geht darum, dass Suchmaschinen eine Seite in verschiedene Blöcke unterteilen, wie Header, Top-Navigation, linke Navigationsspalte, mittlere Contentspalte, rechte Informationsspalte und Footer. Die Blöcke lassen sich noch feiner in weitere Abschnitte unterteilen. Mittels div-Container lässt sich eine Seite sinnvoll strukturieren und durch den Einsatz von Cascading Stylesheets gestalten. Die Seitenaufteilung hat letztlich auch Bedeutung für die interne Verlinkung oder sogar den Backlink-Tausch. Klingt zwar etwas übertrieben, aber Google ist durchaus in der Lage, die Wichtigkeit einer Information in Abhängigkeit von der Position im Quellcode oder anderen Kriterien einzuschätzen. Es ist einleuchtend, dass ein Link aus dem oberen Teil des Content-Bereiches erheblich mehr Gewicht besitzt als ein Link ganz unten im Footer-Bereich, der sich noch dazu auf jeder Seite wiederholt. Es bleibt unklar, ob die Abwertung der Footer Links tatsächlich aufgrund der Page Segmentation erfolgt oder ob es andere Gründe hat, bspw. die niedrige Position innerhalb einer Webseite.
Im weiteren Verlauf konzentrieren wir uns auf die Anpassungen von Textauszeichnungen mit Hilfe von:
- Überschriften (Headings):
h1bish6 - Bilder (Images):
altundtitle - Abkürzungen (Abbreviation bzw. Acronym):
acronymoderabbr - Tabelle (Table):
caption,th,thead,tbodyundtfoot - Hervorheben (Emphasize):
strong,b,ioderem
Jede ordentliche Website nutzt Überschriften und Untertitel, womit man den Textinhalt auf der Seite gliedert und die wichtigsten Stellen markiert. Auf der Homepage von WAVE, einem Dienst von WebAIM, können Sie sich die Struktur mittels Outline ordentlich darstellen lassen. In Abbildung 3.32 sehen Sie die Seitenstruktur einer Beispielseite der Google Website-Inhaber-Hilfe. Interessant ist bei diesem Beispiel, dass tatsächlich nur eine einzige h1-Überschrift genutzt wird und der restliche Teil mit h2 bis h4 formatiert ist.
Glaubt man den Ausführungen in Abbildung 3.24, dann ist es sinnvoller, die Keywords in eher untergeordneten Überschriften einzubauen und nicht die h1 Überschrift einzusetzen. Achten Sie unbedingt auf eine logisch richtig sortierte Reihenfolge. Auf jeder Seite kommt als erstes eine h1 Überschrift, nach einer Überschrift 2. Ordnung folgt eine Überschrift 3. Ordnung und keine niedrigere. Belassen Sie in Ihrem Magento Shop deshalb die Überschrift erster Ordnung beim Logo und packen Sie noch einen allgemeinen Firmenslogan dazu. Die restlichen Inhalte auf den Seiten zeichnen Sie mit untergeordneten Überschriften aus. So sieht ein möglicher Lösungsvorschlag aus in der Datei /template/page/html/header.phtml:
<div id="logo" title="<?php echo $this->getLogoAlt() ?>"
onclick="location.href='<?php echo $this->getUrl('') ?>'"
style="background-image:url(<?php echo $this->getLogoSrc() ?>);">
<h1>Magento - Open Source eCommerce</h1>
</div>
Listing 3.12: Logo mit h1-formatiertem Slogan im Header
Jetzt geben wir Ihnen noch ein paar Tipps, damit Sie ein Gefühl bekommen, wie überschriftenoptimierte Kategorie- und Produktseiten aussehen. Die Besucher sollen auf die Kategorieseite gelangen, wenn die User nach der Kategorie suchen. Auf die Produktseite gelangen sie, falls die Besucher nach dem Artikelnamen suchen. Vergessen Sie nicht, ebenso die Seitendarstellung von CMS-Seiten zu verbessern. Aus diesem Grund müssen Sie die wichtigen Begriffe mittels Überschriften deutlich hervorheben. Als Optimierungsmaßnahme empfehlen wir Ihnen grundsätzlich folgende Schritte:
- Heben Sie auf den Kategorieseiten den Kategorienamen hervor!
- Setzen Sie auf Kategorieseiten die weiteren Artikel in den Vordergrund!
- Markieren Sie auf den Produktseiten den Artikelnamen deutlich!
- Stellen Sie den Seitentitel auf CMS-Seiten ebenfalls in den Vordergrund!
- Zeichnen Sie alle weiteren Überschriften mit niedrigeren Tags aus!
Einfacher geht es natürlich, wenn Sie sich ein Template mit optimierten Überschriften aussuchen. Wichtig ist hierbei immer, dass das jeweilige Haupt-Keyword zumindest als h1- oder h2-Tag markiert ist. Die anderen Spalten setzen Sie durch Cascading Stylesheets in der Sortierung weiter nach unten, damit diese in der Outline-Anzeige nach den wichtigen Informationen erscheinen. Alle weiteren Headlines in der linken oder rechten Spalte benötigen Überschriften von 4. bis 6. Ordnung. Alternativ dürfen Sie diese sogar durch strong ersetzen.
Durch diese Vorgehensweise bekommen vorhandene Wörter innerhalb der Überschriften mehr Gewicht als andere. Nach diesen Änderungen kann Google besser erkennen, welche Inhalte auf der Seite wichtig sind.
Wie bereits schon erwähnt, ist es sinnvoll, ebenso Bilder in die Suchmaschinen-Optimierung einzubeziehen. Die nützlichsten semantischen Variablen für die Bilder-Optimierung sind die beiden Attribute alt und title, wobei die Information standardmäßig in beiden Attributen identisch ist. Die Verwendung lohnt sich jedoch nur dann, falls die Bilder tatsächlich in Bezug stehen zu den Keywords. Hat das Bild rein dekorative Funktion, lassen Sie in diesem Fall die Attribute einfach leer. Ansonsten beschreiben Sie den Inhalt des Bildes unter Einsatz der Keywords.
