Von allen Seiten einer Website haben die Startseiten, in der Regel, die höchste Berechtigung, da der PageRank übertragen wird und die meisten Rückverweise darauf verweisen. Ich sagte “normalerweise”, weil in einigen Fällen andere Seiten die Startseite der Behörde überschreiten können. Wenn beispielsweise die interne Architektur des Links beschädigt ist oder eine andere Seite mehr externe Links erhält, wird die Startseite von den Suchmaschinen möglicherweise nicht als die wichtigste angesehen.
Jede Abteilung, einschließlich Marketing, Merchandising, Informationsarchitektur, SEO, UX und sogar die mit Führungsfunktionen, möchten ein Stück der Startseite. Daher sind Startseiten häufig mit Inhalten und Links zu Dutzenden oder sogar Hunderten von Kategorien, Handlungsaufrufen(calls to action), Marketingbannern usw. gefüllt. Das macht Startseiten überhaupt nicht benutzerfreundlich und suchmaschinenfreundlich.
Der größte Vorteil von Startseiten ist, dass sie viel Autorität (PageRank) auf die Website-Taxonomie übertragen. Die Seiten mit direktem Link von der Startseite erhalten mehr Aufmerksamkeit von den Suchmaschinen.
Möchten Sie ein neues Produkt oder eine neue Kategorie bewerben? Link zur Startseite. Es ist ein einfaches Konzept. Wenn Sie beispielsweise die Berechtigung für die profitabelsten Seiten oder die höchste Conversion-Rate für sie erhöhen möchten, erstellen Sie auf der Startseite einen Link zu ihnen.
Wenn Sie die Berechtigung auf Kategorien- oder Produktseiten übertragen möchten, aber die Startseite nicht überfüllen möchten, fügen Sie der Indexseite der HTML-Sitemap einen Abschnitt Featured Categories hinzu.
Die Links in den Abschnitten New Top Products und Top Ink Families werden kürzere Pfade für Suchroboter erstellen und werden mehr Autorität an Seiten senden, die hier Links enthalten.
Beachten Sie, dass es bei der Optimierung Ihrer Startseite äußerst wichtig ist, SEO-Maßnahmen, Benutzerfreundlichkeit und Geschäftsziele in Einklang zu bringen. Dasselbe gilt für alle anderen Seiten der Website. Sie möchten nicht zu viele Links auf der Startseite und Sie möchten wichtige Links an sichtbaren Stellen haben. Auch die Entscheidung, Links auf der Startseite hinzuzufügen, zu entfernen oder zu konsolidieren, muss zunächst die Benutzer berücksichtigen und erst dann von den Suchmaschinen positiv bewertet werden.
Lassen Sie uns sehen, welche Bereiche auf der E-Commerce-Startseite am häufigsten erscheinen, und anschließend die für die wichtigsten von ihnen spezifischen Optimierungsstrategien erörtern:
- Logo (das ist der Bereich, in dem Sie das Logo und möglicherweise einen Slogan (tagline) anzeigen.
- Benutzerkonto (in diesem Bereich werden die Links für Registrierung, Kontoeintragung, Mein Konto, Auftragsverfolgung und andere Seiten angezeigt, für die eine Authentifizierung erforderlich ist).
- Website-Anpassung (diese sind Links zu Länder- oder Währungsauswahl, Filialauswahl usw.).
- Suchfeld (das ist der Bereich, der das interne Suchfeld auf der Site umgibt).
- Primäre Navigation (das ist der globale Navigationsbereich).
- Warenkorbbereich, in dem Sie die Links zum Warenkorb, zur Kontoauflösung und zu anderen ähnlichen Links anzeigen.
- Marketing- und Merchandising-Bereiche (z. B. Karussells, interne Banner, beworbene Produkte, Top-Kategorien, beste Angebote / Marken usw.).
- Aktionsbereich (z. B. Wunschliste, Geschenke).
- Hilfebereich (z. B. Fragen und Antworten, Live-Chat, Kontakt, Support-Center).
- Fußnoten.
Die primäre Navigation
Theoretisch ist jeder HTML-Link ein Element der Navigation, aber hier beziehen wir uns auf die Navigation im Kontext der primären und sekundären Navigationsmenüs, mit denen Besucher Produkte bewerten. Die primäre Navigation wird auch als globale Navigation bezeichnet, während die sekundäre Navigation häufig als lokale Navigation bezeichnet wird.
Die primäre Navigation wird normalerweise horizontal am oberen Rand einer Webseite oder manchmal vertikal als Seitenleiste links auf der Seite angezeigt. Die Primärnavigation ist einfach zu identifizieren, da sie auf der gesamten Website ständig an derselben Position angezeigt wird.
Bei E-Commerce-Websites sind primäre Navigations-Bezeichnungen die wichtigsten Informationsgruppen. Die Bezeichnungen können Informationen zu Abteilungen, Themen und dem Zielmarkt alphabetisch oder auf andere Weise organisieren, je nachdem, wie die Informationsarchitekten und das Marketingteam die Website strukturieren.
Walmart verwendet ein vertikales Design für die Primärnavigation und die Beschriftungen in diesem Screenshot sind nach Abteilungen gegliedert.
Auf der Bed Bath & Beyond-Website ist die primäre Navigation horizontal und zeigt die Top-Kategorien an.
Auf der Crocs-Website wird die Primärnavigation durch die Hauptsegmente des Zielmarkts dargestellt.
Wenn Sie viele Elemente im Menü auflisten müssen, sollten Sie die vertikale globale Navigation verwenden. Verwenden Sie die horizontale Anzeige, wenn Sie alle wichtigen Beschriftungen oben einfügen können.
Die Anzahl der Links in der primären Navigation
Die horizontale Anzeige der Primärnavigation begrenzt die Anzahl der Links, die oben auf der Seite platziert werden können, auf eine Zahl zwischen fünf und zwölf, abhängig von der Länge der Tags. Keine Sorge, diese sind vernünftige Zahlen für Benutzer und Suchmaschinen. Eine vertikale Navigationsleiste ist vielseitiger und ermöglicht die Anzeige weiterer Kategorien.
Auf E-Commerce-Websites wird die Primärnavigation jedoch häufig durch die Unternavigation ergänzt, z. B. durch vertikale Menüs (dropdowns), Fly-outs oder Megamenüs. Diese Navigation kann die Anzahl der Links auf einer bestimmten Seite erheblich erhöhen.
Das ist eine typische Implementierung eines Dropdown-Menüs. Der Bereich Clothing enthält mehrere thematische Links.
Diese Dropdown- und erweiterbaren Menüs (Flyout-Menüs) werden normalerweise durch Bewegen des Mauszeigers ausgelöst und weisen einige erhebliche Usability-Probleme auf.[1] Mega-Menüs scheinen jedoch in Ordnung zu sein.[2] In diesen beiden Artikeln finden Sie weitere Informationen zur Bedienung der Unter-Navigationsmenüs.
In diesem Screenshot sehen Sie ein Beispiel für das sogenannte “Mega-Menü”. Solche Menüs können nicht nur Links, sondern auch Bilder enthalten.
Staples verwaltet Dropdowns auf benutzerfreundliche Weise. Ataples hat auf die Implementierung mit Aktivierung durch Mausklick verzichtet; das Untermenü wird erst nach einem Klick erweitert. Beachten Sie außerdem die Zeichen der roten Pfeile nach unten; diese Symbole weisen den Benutzer darauf hin, dass unter Bezeichnungen weitere Informationen angezeigt werden.
Die Anzahl der Links, die in Untermenüs angezeigt werden können, ist technisch unbegrenzt. Ich empfehle, die richtige Nummer zu verwenden, die Logik für Benutzer hat. Sorgen Sie sich nicht zu viel um Suchmaschinen. Lass mich erklären warum.
Sie hören oft Vorschläge zur Begrenzung der Anzahl von Links auf einer Seite, um so viel Autorität wie möglich auf andere wichtige Seiten zu übertragen. Obwohl dieser Ansatz für die SEO in Bezug auf bestimmte Seitentypen geeignet ist, z. B. für die Auflistung von Produkten mit facettierter Navigation, werden bei dieser Empfehlung die Erfahrung und Benutzerfreundlichkeit häufig nicht berücksichtigt. Es gibt auch eine weit verbreitete SEO-Praxis, die vorschlägt, dass das gesamte Menü SEO-freundlich sein sollte, was bedeutet, dass Suchmaschinen in der Lage sein sollten, auf alle Links im Menü zu crawlen. Es ist nicht ganz wahr.
In der Praxis könnten einige E-Commerce-Websites rentabler sein, wenn sie es Robotern nicht erlauben, auf Untermenü-Links zu crawlen. Zweifellos sollten Sie Benutzern so viele Links wie nötig zur Verfügung stellen, aber Sie können einige davon für Suchmaschinen unauffindbar machen.
Diese “Freundlichkeitsnot” von Links zu Suchmaschinen kann nicht als cloaking katalogisiert sein ob sie nicht zu diesem Zweck eingestuft wird. Schließlich verwendet auch Amazon diese Technik, um Berechtigungen an die Produkte und Kategorien zu senden, die im Hauptinhaltsbereich der Seite aufgeführt sind, wie Sie in der folgenden Abbildung sehen können:
Schauen Sie sich die cache Version der Seite an. Sie enthält keine Shop by Department-Links.
Ihre globale Navigation (mit der Bezeichnung Shop by Department) enthält über 100 Benutzerlinks, mit deren Hilfe sie auf der Website navigieren können. Allerdings verfügen nicht alle Links im Megamenü über Hyperlinks zu Suchmaschinen, wie Sie in der zwischengespeicherten Version der Seite sehen können. Ein kurzer Hinweis: Wenn die Links nicht zwischengespeichert werden, bedeutet das nicht, dass die Suchmaschinen davon nichts wissen, da Roboter JavaScript ausführen können, um diese Links zu erkennen. Es hängt davon ab, wie Amazon diese Links gemacht hat, damit sie nicht gecrawlt sein.
Andere Top-100-Händler verstecken auch die Links.
Darüber hinaus ist Amazon nicht der einzige Top-Einzelhändler, der das tut. Hier ist ein weiterer Händler in den Top 100, der dieselbe Technik anwendet. Ihr Ansatz ist etwas anders; sie ermöglichten den Zugriff auf Abteilungsverlinkungen, aber alle Hauptkategorien wie Appliances oder Electronics sind nicht Standardverlinkung.
In diesem Beispiel können Sie sehen, dass die primären Navigationslinks zwischengespeichert sind, aber die Navigationslinks im Untermenü sind nicht.
Erlauben die Links nicht gecrawlt sein, kann seltsam und im Widerspruch zur gewöhnlichen SEO erscheinen, aber es ist eine großartige Möglichkeit, Ihre Benutzerfreundlichkeit und SEO in Einklang zu bringen. Die Benutzer haben Zugriff auf die Links, die sie benötigen, während die Suchmaschinen nur auf die priorisierte Links zugreifen können, um zu verhindern, dass das Crawling-Budget verschwendet wird.
Die Anzahl der Links in der Primärnavigation hängt auch von der Anzahl der Kategorien und Unterkategorien in der Taxonomie ab. Wenn Sie nur fünf Seiten mit Hauptkategorien mit jeweils zwei bis fünf Unterkategorien haben, können Sie sie alle in der Primärnavigation auflisten. Wenn Sie zwanzig Kategorien mit jeweils zehn Unterkategorien haben, müssen Sie die primäre Navigation überdenken.
Eine radikalere Technik, um die Anzahl der Links in der Navigation zu begrenzen, besteht darin, Untermenüs vollständig zu entfernen. Es gibt keine Dropdowns und Mega-Menüs mehr, nur noch ein Dropline-Menü. Ein Dropline-Menü ist ein Untermenü, das nur eine Position enthält. Sie können es auf der Website von Ann Taylor in Aktion sehen. Wenn Sie ein Dropline-Menü verwenden, müssen Sie die Bezeichnungen sorgfältig auswählen.
Ann Taylor verwendet ein Dropline-Menü mit sehr guten ausgewählten Bezeichnungen.
Aeropostale verwendet auch einen minimalistischen Ansatz mit nur vier Links in der Primärnavigation. Dieser Ansatz funktioniert sehr gut auf Websites für Bekleidung.
Ob Sie sich für eine Mindestanzahl von Links entscheiden, stellen Sie sicher, dass das Durchsuchen den Benutzern das schnelle Auffinden von Inhalten erleichtert und das Durchsuchen der Inhalte auf der Website nicht erschwert.
Wenn wir zu den grundlegenden Aspekten von PageRank zurückblicken, wissen wir, dass je mehr Links auf einer Seite, desto weniger Autorität durch jeden Link übertragen wird. Je überfüllter eine Seite ist, desto komplexer ist die Auffindbarkeit von Inhalten( content findability)[3] und desto größer ist die Kundenangst( shopper anxiety).[4] Daher ist es eine gute Idee, die Anzahl der Optionen zu reduzieren und das Benutzererlebnis zu verbessern, indem das Phänomen der Entscheidungslähmung(decision paralysis) minimiert wird.[5]
Klickverfolgung und Analyse spielen hier eine wichtige Rolle. Identifizieren Sie anhand von Indikatoren wie “am meisten klickbare Links”, welche Links für Benutzer nützlich sind, und entfernen Sie diejenigen, die nicht nützlich sind. Wenn Sie mehr als einen Link haben, der auf dieselbe URL verweist, können Sie entweder einen einzelnen Link belassen oder URL-Tracking-Parameter implementieren, die in Ihrem Browser erstellt wurden, und nicht serverseitig.
Sie haben mehrere Tools zur Verfügung, um Ihre Klicks und ihre Routen zu verfolgen. Zum Beispiel ermöglicht Google Analytics eine attraktive visuelle Analyse durch Berichte wie User Flow und Behavior Flow.
Der Visitor Flow – Bericht von Google Analytics.
In Google Analytics können Sie auch den Navigation Summary-Bericht verwenden, den Sie unter Behavior Site Content All Pages finden können, um eine Routenanalyse für die Website durchzuführen. Erhalten Sie bis zu 500 Dateneinträge, die Sie später mit Excel exportieren und analysieren können:
Der Navigation Summary – Bericht kann Ihnen eine interessante Perspektive bieten.
Andere Tools wie CrazyEgg oder ClickTale bieten auch eine Klickanalyse. Unabhängig davon, welches Tool Sie verwenden, besteht der Zweck darin, Links zu identifizieren, die sein können:
- Außerhalb der Navigation oder
- In logischen Gruppen zusammengefasst.
In vielen Fällen enthalten die Startseiten Links zu den meistverkauften Produkten und mit dem höchsten Anhang sowie zu den wichtigsten Kategorien und Unterkategorien. Das ist für Benutzer und Suchmaschinen hilfreich. Wenn Sie sich Gedanken über die Anzahl der Links auf den Seiten machen, können Sie die Links zu den Seiten Über uns, Kontakt, Nutzungsbedingungen und Datenschutz verstärken.
Die Navigationsbezeichnungen
Die Kategorien und Unterkategorien in den Menüs aufgeführt sollten Geschäftsziele und Benutzertests widerspiegeln. Wenn beispielsweise 20% der Kategorien 80% des Umsatzes generieren, müssen diese Kategorien über primäre Navigationslinks verfügen. Sie sollten andere Entscheidungsindikatoren testen, z. B. die am häufigsten gesuchten Begriffe auf der Website, die am häufigsten besuchten Seiten usw.
Bei den Bezeichnungen, die in den Textnavigationslinks enthalten sind, gibt es zwei Arten des Denkens in Bezug auf SEO:
- Die Bezeichnungen sollten keine Zielschlüsselwörter enthalten.
- Die Bezeichnungen sollten Zielschlüsselwörter enthalten.
Was ich getrost empfehlen kann, ist:
- Vermeiden Sie das Erzwingen von Schlüsselwörtern in primären und sekundären Navigationsbezeichnungen.
- Vermeiden Sie die Bezeichnung “geschickt”.[6] Die Navigationsbezeichnungen sollten für Benutzer leicht verständlich sein. Mithilfe von Bezeichnungen sollten Benutzer die gewünschten Informationen schnell und einfach finden können. Was könnte zum Beispiel die Bezeichnungen “inspirierter Lebensstil” auf einer DIY-Website bedeuten?
- Gestalten Sie die Navigation so, dass sie den trunk Test besteht.[7] Das bedeutet, dass sie sehr intuitiv sein soll und eindeutige Bezeichnungen verwendet.
Bei der Kennzeichnung der primären und sekundären Navigation sollten keine Suchmaschinen im Vordergrund stehen. Sie müssen Bezeichnungen für Benutzer verwenden, nicht für die Roboter. Ob die Bezeichnungen keine Schlüsselwörter benötigen, um für Benutzer nützlich zu sein, erzwingen Sie diese Schlüsselwörter nicht nur aus SEO-Gründen.
Manchmal können die Schlüsselwörter in der Navigation natürlich vorkommen. Wenn beispielsweise eine E-Commerce-Website Musikinstrumente verkauft und für das Schlüsselwort “Gitarre” einen guten Rang erzielen möchte, ist eine Gitarren– Bezeichnung in der Navigation eine Selbstverständlichkeit und hilfreich.
Es gibt eine Alternative für diejenigen, die längere Schlüsselwörter in den primären Navigationsmenüs erzwingen möchten. Sie können Bilder verwenden, um das Menü so zu erstellen, dass es kurze Text-Tags für Benutzer enthält, indem Sie längere Tags als Schlüsselwörter in anderen Bildtexten für Suchmaschinen einfügen. Spam nicht mit anderem Text. Darüber hinaus können Sie eine Technik implementieren, die als “Bildersetzung”(image replacement) bezeichnet wird.[8]
In der folgenden Abbildung sehen Sie ein Beispiel für kurze Bezeichnungen in einem Bild sowie einen weiteren längeren Text. Kurze Bildbezeichnungen sind Shoes, Handbags, Watches, Jewelry und Dresses.
Mithilfe kurzer Bezeichnungen können Benutzer sie problemlos scannen.
Der alt-Text jedes Bildes enthält jedoch längere Schlüsselwörter, wie Sie im HTML-Quellcode sehen können:
Alt-Texte sind länger als Bildbezeichnungen.
Das Endziel ist es, Navigationsmenüs zu erstellen, die den Benutzeranforderungen entsprechen und deren Verhalten auf der Website widerspiegeln. Da Bildbezeichnungen kurz sind, können sie schnell gescannt werden, was großartig ist.
Menü-Bezeichnungen können eine einzelne Kategorie darstellen, aber sie können auch mehrere Kategorien darstellen, die unter einer einzelnen Bezeichnung zusammengefasst sind. Wenn Sie Kategorien zu einer einzelnen Bezeichnung gruppieren, ist es auch hilfreich, separate URLs für jede Kategorie zu erstellen.
Wenn Sie beispielsweise Pharmacy, Beauty und Health in einer einzigen Bezeichnung gruppieren (siehe Bild unten), müssen Sie eine separate URL für die Kategorie Pharmacy, eine andere für Beauty und eine andere für Health erstellen. Wenn Sie also Ihre Chancen erhöhen möchten, nach Schlüsselwörtern wie “pharmacy”, “health” oder “beauty” getrennt zu ranken.
Wenn Sie eine Rangfolge für Suchanfragen wie “pharmacy”, “health” oder “beauty” festlegen möchten, müssen Sie für jeden Begriff separate Kategorieseiten haben.
Die Gruppierung der Kategorien erhalten die besten Ergebnisse, wenn Sie eine neue Website planen oder wenn die aktuelle Website neu ist und Sie Änderungen vornehmen können, ohne die Taxonomie zu beeinträchtigen.
Das Gegenteil von Gruppierung ist das Aufheben der Gruppierung, wenn Sie die gruppierten Kategorien unter einer einzelnen Bezeichnung unterteilen, um mehrere Kategorien zu erstellen. Das Trennen von URLs wird schwieriger, wenn die Website bereits eine Weile online war und Sie die Kategorien unter einer URL zusammengefasst haben. Im letzteren Fall besteht eine Möglichkeit darin, die gruppierte Kategorie unverändert zu lassen und für jede Unterkategorie in der Gruppe neue Seiten zu erstellen.
Von der Primärnavigation sollten Sie auf die kanonischen Kategorien verlinken. Wenn beispielsweise Video Games auch in Games und Electronics klassifiziert sind und Games die Standardkategorie für Video Games ist, sollte der primäre Navigationspfad Games Video Games sein. Dadurch werden kurze, eindeutige Routen zum Durchsuchen der Site von Suchmaschinenrobotern erstellt.
Das Suchfeld
Die interne Suche auf E-Commerce-Websites wird häufig durch eine Selbstvorschlags- oder Selbstvervollständigungsfunktion erweitert, die Produkte aus einer Liste gängiger Suchanfragen oder Produktnamen und -kategorien anzeigt. Obwohl das automatische Ausfüllen für Benutzer ein Vorteil sein kann, wird es mit AJAX implementiert und die vorgeschlagenen Links sind für Suchmaschinen nicht zugänglich.
Sie können jedoch die Suche für Benutzern und Suchmaschinen verbessern, indem Sie einfache HTML-Links zu beliebten Suchanfragen direkt unterhalb des Suchfelds hinzufügen. Um die besten Links für Benutzer zu ermitteln, müssen Sie interne Websitesuchen mit Ihrem Webanalysetool nachverfolgen und identifizieren.
Google Analytics verfügt über den Site Search-Bericht, der eine Liste interner Suchvorgänge enthält. Um es zu erhalten, können Sie die Startpage als primäre Dimension und Search Term als sekundäre Dimension verwenden.
Sie können auch Links mithilfe von Produktattributen oder Filtern hinzufügen, z. B. einen Link zu einer Seite, die Schuhe nach Größe oder Typ sortiert. Außerdem können Sie auf eine beliebte Suchseite verlinken:
Die Verwendung von verwandten Begriffen in der Nähe des Suchfelds ist sehr hilfreich, da Links wie Search By( Suche nach) als Einstiegspunkte für Suchmaschinen und als Tool zur Inhaltsermittlung für Benutzer dienen.
Wenn Sie die Benutzererfahrung verbessern möchten, sollten die folgenden Links von Seite zu Seite unterschiedlich sein, um mit den Folgenden zu passen:
- Die häufigsten Suchanfragen auf dieser Seite.
- Die folgenden Produktseiten oder Kategorien wurden nach dem Anzeigen der aktuellen Seite aufgerufen. Sie können diese Daten mit Ihrem Webanalyse-Tool abrufen.
Auf einer Seite mit Produktdetails können Sie die am häufigsten verwendeten Produktfilter für dieses Produkt oder für die Blattkategorie( leaf category) auflisten, zu der das Produkt gehört. Eine “Blatt” -Kategorie ist eine Kategorie auf der untersten Ebene der Kategorietaxonomie, dh, es gibt keine anderen Kategorien darunter. Eine Blattkategorie hat keine anderen untergeordneten Kategorien.
Wenn Sie das HTML-Element <label> für Suchfelder verwenden, beachten Sie, dass dieser Inhalt indexierbar ist:
Beachten Sie, den Text für <label> -Elemente (Bezeichnung) zu verbessern.
Obwohl das <label> -Element keine direkten Auswirkungen auf die Rangfolge hat, sollten Sie den Ausdruck in der Bezeichnung verbessern, wenn Sie es mit dem <input> -Element verwenden.
In diesem Beispiel sehen Sie, dass der Text “find something great” in der Bezeichnung der Bezeichnung verwendet wird. Diese Website sollte jedoch etwas Relevanteres und Ansprechenderes für die Benutzer verwenden, insbesondere die Seite, auf der sich die Besucher befinden. Beispielsweise können Sie auf allen Seiten der Kategorie Shoes die Option “Schuhen suchen” verwenden. Auf allen Seiten der Kategorie Bags können Sie “Taschen suchen” verwenden. Auf allen Seiten der Kategorie Toys können Sie “Spielzeuge suchen” usw. verwenden.
Es ist auch keine gute Idee, HTML-Links für Suchschaltflächen zu erstellen, weil die Suchmaschinen unnötigerweise auf etwas, das wie ein Link aussieht, crawlen versuchen werden.
Diese Implementierung erstellt Links, auf die die Roboter zuzugreifen versuchen werden.
In der vorherigen Implementierung wird aus den href-Punkten auf das Doppelkreuz ein Link zur Startseite mit dem Ankertext “search”. Es ist nicht die beste Idee und Sie sollten eine solche Implementierung vermeiden.
Die Textbereiche
Normalerweise bieten Startseiten nicht viel Platz für Textinhalte, sodass Sie auf den meisten Startseiten nur sehr wenige kontextbezogene Textlinks finden. Viele E-Commerce-Websites versuchen, diesen Mangel zu beheben, indem sie Text am unteren Rand der Seite in der Nähe der Fußzeile hinzufügen, wie im folgenden Beispiel:
Das ist ein üblicher Ansatz auf vielen Websites.
Einige Websites verwenden CSS, um die Textabschnitte wie den obigen am oberen Rand des Quellcodes zu positionieren, während sich der Text visuell am unteren Rand der Seite befindet. Früher hat es vielleicht geklappt, die Indexierungsgrenze von 100 KB zu überschreiten, aber heute ist es nutzlos. Beachten Sie, dass Google das Rendern einer Seite nach 10.000 Pixel beendet. Ob der sogenannte “SEO-Content” unterhalb dieser Schwelle liegt, wird er möglicherweise ignoriert oder für die Top-Positionierung als weniger wichtig angesehen.
Für diejenigen, die immer noch an den sogenannten “Text-Code-Bericht” glauben, kann dieser Bericht über die Registerkartennavigation oder SEO-adaptierte Karussells (siehe unten) geändert werden:
Die Karusselle erlauben Sie mehr Textinhalte auf die Startseiten hinzufügen.
Im obigen Beispiel gibt es viel Text, um Suchmaschinen zu “füttern”, aber auch hochwertige interne Links. Dieser Ansatz macht diese Art der Implementierung für Benutzer und Suchmaschinen nützlich.
Wie Sie in der zwischengespeicherten Version der Seite sehen können, steht der Textinhalt des Karussells Suchmaschinen zur Analyse zur Verfügung:
Die zwischengespeicherte Version der Seite.
Eine andere Möglichkeit, mehr Text in die Hauptinhaltsbereiche einzufügen und mehr kontextbezogene Textlinks auf einer Startseite zu erstellen, besteht in der Verwendung von der Registernavigation. Obwohl der in Registerkarten angezeigte Text im Desktop-First-Index nicht so wichtig ist, ändert sich das, wenn Google zur mobile first indexing übergeht.
Mit der Registernavigation können Sie auf relativ engem Raum viel Textinhalt hinzufügen.
Wenn Sie noch mehr Inhalte hinzufügen möchten, verwenden Sie die Funktionen zum Erweitern und Reduzieren (expand und collapse). Füllen Sie den Inhalt jedoch nicht mit Spam oder sonst Probleme auftreten können.
Wenn Sie sich für das Browsen mit Registerkarten im Hauptinhaltsbereich entscheiden, sollten Sie beachten, dass Benutzer Registerkarten häufig ignorieren. Sie müssen daher starke Design-Hinweise geben, um zu verstehen, dass sich hinter dieser Art von Navigation mehr Inhalt befindet.
Der Marketing- und Merchandising-Bereich
Slider, Karussells oder statische Banner sind einige der am häufigsten verwendeten Bereiche auf der Startseite. Die Merchandising-Bereiche umfassen die beworbenen Produkte, die Top-Kategorien, die besten Angebote, die Top-Marken und so weiter. SEO hat in diesen Bereichen kein Mitspracherecht, aber es gibt oft Raum für organische Verbesserungen.
Die Karussells scheinen einige Usability- und Konvertierungsprobleme[9] [10] zu haben, sie sind jedoch immer noch auf vielen E-Commerce-Websites zu finden, von Dell und Hewlett Packard bis hin zu anderen kleinen und mittleren Unternehmen:
Die Karussells können zu Problemen bei der Usability und Konvertierung führen.
Aus der SEO-Perspektive gibt es normalerweise zwei Probleme mit den Karussells:
- Das gesamte Karussell ist mit “unfreundlichem” JavaScript für Suchmaschinen aufgebaut.
- Die Textinhalte und Links im Karussell sind in die Bilder eingebettet.
Mal sehen, wie Sie diese unfreundlichen JavaScript-Karussells identifizieren können.
Unfreundliches JavaScript
Die Karussells bei Abruf können AJAX oder JavaScript verwenden, um das Karussell mit dynamischen Inhalten zu füllen und das kann zu SEO-Problemen führen. Die Karussells können aus SEO-Sicht getestet werden, indem sie auf einer Domain, Sub-Domain oder öffentlichen Seite platziert werden. Analysieren Sie nach dem Crawlen und Zwischenspeichern von Google die zwischengespeicherte Version der Seite. Wenn Sie etwas wie “loading” oder “waiting for content” sehen oder wenn der Inhalt im Karussell fehlt, bedeutet das, dass die Implementierung dieses Karussells nicht so SEO-freundlich ist.
Der Inhalt dieses Karussells ist nicht indexiert. Stattdessen wird der Text “loading … loading” indexiert.
Darüber hinaus können Sie die Umsetzung mit der Funktion Fetch and Render in der Google Search Console testen.
Wenn Sie Berechtigungen auf bestimmte Produkte und Links in den Karussells indexieren übertragen möchten, müssen Sie die Codierung korrigieren, damit ihr Inhalt von Suchmaschinenrobotern durchsucht werden kann.
Ein Karussell von Produkten bei target.com.
Im obigen Beispiel wird keiner der Abschnitte von den Suchmaschinen zwischengespeichert. Darüber hinaus sind die in Abschnitt 1 verlinkten Produkte nofollow, was darauf hindeutet, dass dieser Online-Vermarkter nicht möchte, dass die Links gecrawlt und indexiert werden.
Die Links in Abschnitt 2 sind jedoch vom follow Typ, was darauf hindeutet, dass diese Produkte indexiert werden müssen. Abschnitt 2 ist jedoch mit JavaScript implementiert, wodurch Zugänglichkeitsprobleme für Roboter entstehen können.
In Bilder eingebettete Texte und Links
Verwenden Sie CSS-Positionierung und Bildersetzung, um Text und Links für Suchmaschinen zugänglich zu machen und Hintergrundbilder mit Text zu überlagern. Eine weitere Option ist das Erstellen von Karussells oder Bannern für HTML und primäres CSS:
Das Karussell im Bild ist mit CSS und HTML erstellt.
Der Text auf diesem Banner ist mit CSS und HTML überlagert. Sie können überprüfen, ob der Text HTML ist, beim Seiteninhalt mit CTRL + A auswählen. Bei Auswahl im Browser wird einfacher Text weiß.
Wenn die Abbildung komplexer ist und Sie keine Bildersetzung oder einfache CSS / HTML-Karussells implementieren können, verwenden Sie anderen Text im Bild zusammen mit den Tags <area> und <map>, um Links zu erstellen.
Das folgende Bild enthält beispielsweise drei Call-to-Action-Links: Shop Now, Sign Up For Emails und Like Us On Facebook.
Die drei Call-to-Action aus diesem Beispiel sind mit “area maps”implementiert.
Der Code verwendet das dreizonige HTML-Element <map>, um das Klicken auf diese Links zu ermöglichen. Jedes Bezeichnung in der Region hat einen eigenen Text:
Das obige Bild beschreibt den HTML-Quellcode für den vorherigen Screenshot.
Wenn Sie darüber nachdenken, haben die Karten in den Bildern Logik für E-Commerce-Websites. Zum Beispiel, können Benutzer auf Bekleidungswebsites, auf denen Produkte auf Modellen abgebildet sind, auf einen Hut, eine Hose oder ein anderes in den Bildern beschriebenes Kleidungsstück klicken, um Benutzer direkt zu Produktseiten zu schicken. Die Bereichsbezeichnung erlauben Sie effektiv von diesen Bilder kaufen.
Sie können die Bilderkarten mit SEO-freundlichen Strategien und Hotspots, die bis zum Klicken reichen, leicht verbessern. Beachten Sie die Symbole + und $ dieser beiden Karussells:
Die zwei Hotspots können Sie verwenden um mehr Textinhalt hinzufügen.
Wenn Sie mit der Maus über diese beiden Symbole fahren, werden die Symbole + und $ erweitert, um mehr Details bereitzustellen. Der Text in den Feldern ist indexierbar:
Der Text im Feld + kann indexiert werden.
Weil die Bezeichnungen <map> und <area> von Händlern nicht häufig verwendet werden, sind hier einige Vorschläge:
- Jedes Element im Bereich muss ein alt-Attribut haben, auch wenn es leer ist (alt = “”).
- Der alt-Text muss das Bild mit maximal 150 Zeichen beschreiben.
- In Eintracht mit Microsoft sollte ein alt-Text nicht mit dem Wort “copyright” oder dem Copyright-Symbol [© oder (c)][11] oder einem anderen Zeichen oder Symbol beginnen, das für Suchmaschinen nicht relevant ist. Beginnen Sie den Text mit den wichtigsten Wörtern.
- Vermeiden Sie Flash area maps.
- Verwenden Sie XML- oder Textdateien für den Inhalt der Felder. Auf diese Weise können Texter problemlos Änderungen vornehmen.
- Wenn eine bestimmte Google-Anzeige, die Sie getestet haben, gut funktioniert hat, hilft das möglicherweise auch der CTR für die Links in den Feldern, da die Anzeigentitel in der Regel weniger als 25 Zeichen umfassen.
Die Merchandising-Bereiche
Die Produkte und Kategorien mit Links in den Merchandising-Bereichen der Startseite, z. B. die besten Angebote, die meistverkauften Produkte oder die Top-Marken, erhalten in der Regel mehr interne Berechtigung als die Produkte mit strukturellen Links. Daher können Sie diese Bereiche nutzen, um mehr SEO-Berechtigung auf die Produkte und Kategorien zu übertragen, die für Ihr Unternehmen am wichtigsten sind.
Merchandising ist eine gängige Praxis bei Online-Händlern mit elektronischen Produkten.
Manchmal werden die in diesen Bereichen vorgestellten Produkte mit Karussells umgesetzt. Stellen Sie sicher, dass das Karussell-Design den Personen ermöglicht, zu erkennen, dass sie ein Karussell betrachten, und dass sie die volle Kontrolle über die Funktionen Play, Pause, Vorwärts und Rückwärts haben.
Viele Benutzer werden wahrscheinlich die Pfeile und schwarzen Punkte vermissen, die das Karussell im obigen Bild steuern.
Wenn Sie PageRank an die Karussellprodukte senden möchten, implementieren Sie es wie unten dargestellt SEO-freundlich. Wenn Sie AJAX zum Hochladen von Produkten verwenden müssen, empfehle ich, einen Standardsatz von Produkten in die erste Folie des Karussells zu laden. Die erste Folie wird in HTML rohweise geladen und ist für Suchmaschinen zugänglich. Laden Sie die folgenden Folien mit AJAX hoch, wenn der Benutzer auf die Steuerschaltflächen klickt.
Hier sind einige SEO-Tipps zur Optimierung der in den Merchandising-Bereichen präsentierten Produkte:
- Sie müssen den Namen des Merchandising-Abschnitts nicht in einen <H> HTML-Header einfügen, können das aber tun, wenn Sie möchten. Da es höchstwahrscheinlich mehr Merchandising-Bereiche geben wird, empfehle ich die Verwendung von Titeln der Stufe 2 (H2) oder höher. H1-Header werden normalerweise für größere Bezeichnungen verwendet, und für die E-Commerce-Vorlagen ist es keine gute Idee, mehrere H1-Header auf derselben Seite zu haben.
Ein Beispiel für eine Header-Präsentation.
Auf Produktpräsentationsseiten müssen Thumbnails(image thumbnails) für Produktnamen so optimiert werden, dass ein einzelnes konsolidiertes Signal gesendet wird. Das bedeutet, dass der alt-Text und der Ankertext des Produkts gleich oder leicht unterschiedlich sein sollten.
Der alt-Text des Bildes ist der selben mit dem Ankertext.
- Fügen Sie 1-3 Links zu relevanten Herstellern, Marken oder Produktattributen hinzu, wann immer Sie den benötigten Platz haben:
Im Abschnitt Top Holiday Deals können Sie sehen, wie Amazon auf verschiedene Kategorieseiten verweist.
- Vermeiden Sie das Verlinkung mit allgemeinem Ankertext:
Der Link “See Details” im obigen Bild ist nicht optimal. Stattdessen sollte der Produktname der Link sein. Wenn Sie den Link “See Details” beibehalten möchten, können Sie ihn in ein Bild mit dem Produktnamen als alt-Text einbetten.
- Benötigen Sie wirklich einen “Jetzt kaufen” – oder “In den Warenkorb” -Link für die Produkte, die in den Merchandising-Bereichen der Startseite angeboten werden? Fügen die Besucher die Produkte direkt von der Startseite in den Warenkorb? Andernfalls sollten Sie solche leistungsfähigen Aktionsaufrufe entfernen oder durch gemäßigtere Aktionsaufrufe ersetzen, z. B. “Weitere Details” oder “Weitere Informationen”.
Wenn Sie in diesen Abschnitten die Schaltflächen „in den Warenkorb“ verwenden möchten, implementieren Sie sie entweder mit dem HTML-Element <button> oder mit JavaScript:
Der Link “More Details” ist als HTML-Element <button> implementiert, sodass er nicht von Suchmaschinenrobotern durchsucht wird.
Der Link “Add to Cart” ist mit JavaScript implementiert. Das bedeutet, dass die Chancen, dass er verfolgt und gecrawlt werden, minimiert wird.
- Wenn Sie weitere Inhalte in den Bereichen für Marketing hinzufügen möchten, verwenden Sie die CSS-Erweiterungs- und Einschränkungsfunktionen:
Wenn Sie in diesem Beispiel auf den Link “more details” klicken, werden weitere Informationen zum Angebot “MacBook Pro” angezeigt.
- Verwenden Sie die Felder “alt- Text” und “Image map” für Links, wenn Sie Bilder zur Präsentation von Werbeplakaten verwenden.
Logo
Die meisten Logos sind als Bilder implementiert. Manchmal enthalten Logos den Firmenslogan, eine kurze Beschreibung oder ein einzigartiges kommerzielles Angebot.
“Alt- Text” oder Ersetzung durch ein Bild?
Es gibt viele Diskussionen über die richtige Implementierung von Logos, nicht nur in Bezug auf SEO, sondern auch in Bezug auf HTML-Markups. In Bezug auf SEO argumentieren einige, dass die Verwendung von “alt- Text” auf dem Logo-Bild ausreichend ist. Andere empfehlen, den Text durch ein Bild zu ersetzen. Wenn es um HTML-Markups geht, denken manche, dass Logos die Form einer H1-Bezeichnung haben sollten, andere argumentieren, dass sie die Form einer H2-Bezeichnunng haben sollten oder dass sie keine Header-Bezeichnung haben sollten.
Unabhängig davon, wie Sie sich dafür entscheiden, einen besseren Kontext für das Bild eines Logos bereitzustellen, entweder durch alternativen Text oder durch Ersetzen von Text durch ein Bild, sorgt dieser Inhalt nicht für eine signifikante Erhöhung des Google-Rankings. Nur weil Sie das primäre Schlüsselwort im alternativen Text des Logos verwenden (z. B. NameSite – Digitale Kamera), bedeutet das nicht, dass Suchmaschinen die Website als autorisiert für dieses Schlüsselwort betrachten. In dunklen Nischen kann es wenig helfen.
Wenn Sie die Bildersetzungsmethode für das Logo einfach und sicher implementieren können, sollten Sie das tun. Die Methode gilt nicht als Spam, wenn Sie sie nicht missbrauchen oder zu viele Schlüsselwörter hinzufügen oder keine anderen Techniken anwenden. W3C ersetzt den Text durch ein Bild im Logo. Die Zeitschriften A List Apart und Smashing verwenden ebenfalls die gleiche Technik. MOZ nutzte es auch vor dem Wiederaufbau ihrer Website.
Beachten Sie jedoch, dass die Verwendung von alternativem Text in Bildlogos genauso gut funktioniert wie das Ersetzen von Text durch Bilder.
Schauen wir uns einige Optionen an, die Sie für den das Logo beschreibenden Text in Betracht ziehen können, der entweder mit alternativem Text oder mit Bildersetzung implementiert ist:
1. Sie können nur den Firmennamen verwenden (z.B. “Staples Logo”).
2. Verwenden Sie alternativ den Firmennamen plus zwei oder drei Hauptkategorien (z. B. “Dell-Laptops, -Tablets und -Computer”).
3. Sie können auch dynamischen Text verwenden, der den Markennamen und einen Kategorienamen enthält. In diesem Fall ändert sich der Text von Seite zu Seite. Auf der Hauptseite verwenden Sie beispielsweise den alternativen Text “Microsoft-Logo”, aber auf der Tablets-Seite den alternativen Text “Microsoft-Logo – Tablets”.
4. Eine weitere Option wäre die Verwendung des Firmennamens sowie eines einzigartigen Verkaufsangebots oder Slogans (z. B. “KOHL’s– expect great things”). Im Idealfall ist der Slogan kurz, beschreibend und enthält bestimmte Schlüsselwörter.
Der Slogan von Kohl’s.
5. Sie können auch den Firmennamen gefolgt vom Firmenslogan im Klartext verwenden:
Der Slogan von HP.
Der HP-Slogan stellt den Kern der Website dar und enthält geschickt die Schlüsselwörter {Printing Solutions}. Das verbessert die Relevanz für Schlüsselwörter wie “large format printing solutions”, “commercial printing solutions” und “industrial printing solutions”. Ich setze wenn immer möglich Option #5 ein, gefolgt von #4, #3, #2 und #1. In jedem Fall muss der Text für das von ihm beschriebene Logo repräsentativ sein und darf kein Spam sein.
Sie können den Suchmaschinen Kontext mithilfe eines anderen Logo-Texts oder Bildersatzes bereitstellen. Beide sollten benutzerfreundlich sein und für SEO in Ordnung sein, solange Sie kein Spam machen. Beachten Sie, dass der andere Text in Bildern, auf den geklickt werden kann, dem Textanker in den Textlinks entspricht. Es lohnt sich daher, einige Zeit mit der Optimierung der alt-Texte zu verbringen.
Es gibt jedoch Implementierungen, die keinen alternativen Text für Logos zulassen. Eine solche Implementierung ist die Verwendung von CSS-Hintergründen oder CSS-Sprites.
Walmart verwendet CSS-Sprites für ihr Logo und andere Symbole. In der zwischengespeicherten Version der Seite fehlt ein weiterer Logotext, da das Logo als CSS-Hintergrund implementiert wurde.
Das Logo sollte einen Link haben, der die kanonische URL der Startseite verwendet, um die relevanten Signale zu verstärken. Dadurch wird sichergestellt, dass die interne Ruf nicht über mehrere URLs hinweg geteilt wird.
Verlinken Sie beispielsweise nicht mit der Startseite, indem Sie sowohl die Standard-URL (default) (bzw. index.php) als auch das Stammverzeichnis (/) verwenden. Wählen Sie eine kanonische Version, normalerweise das Stammverzeichnis und verknüpfen Sie sie ständig. Das ist für die heutige Suchmaschinen kein Problem. Es ist jedoch eine gute Praxis in der Webentwicklung, mit internen Links konsistent zu sein, da die Verwendung von Kleinbuchstaben für UTM-Bezeichnung-Werte eine gute Praxis für die Web-Verfolgung und -Analyse ist.
Verpacken(wrap) Sie das Logo mit der Organisationsmarke
Google unterstützt[12] das Schema für die Logos der Organisationen.[13] Das bedeutet, dass Sie den HTML-Code markieren können, um anzugeben, welches Bild als Logo im Google Knowledge Graph angezeigt werden soll, wenn jemand nach Ihrem Markennamen sucht.
Markieren Sie das Logo mit dem Organization-Element wie im folgenden Beispiel:[14]
<div itemscope itemtype=“http://schema.org/Organization”> <a itemprop=“url” href=“http://www.example.com/”>Home</a> <img itemprop=“logo” src=“http://www.example.com/logo.png” /> </div>
Auf diese Weise haben Sie mehr Platz für Ihre Marke in Suchmaschinenergebnissen.
Eine häufig gestellte Frage ist “Sollten Logos mit H1 gekennzeichnet sein“?
Die Kennzeichnung des Logos in einem H1-Header ist ein umstrittenes Thema.[15] Darüber hinaus ist der SEO-Einfluss von H1-Headern nicht genug signifikant.[16] [17]
Meiner Meinung nach sollte das Logo nicht mit H1 oder einem anderen Hx markiert werden. Ein Titel ist ein Textelement, das als Text gekennzeichnet werden sollte, während ein Logo ein Marketingbild ist und als Bild gekennzeichnet werden sollte.
Die Utility-Links
Die Website-Anpassung, Benutzerregistrierung, Hilfe und Shopping-Links können als “Dienst” utilities (Steve Krug[18]) oder als Links zur Erleichterung der Navigation (courtesy navigation links) (Jesse James Garret[19]) eingestuft werden.
Die Anpassung der Website
Einige der beliebtesten Links zur Anpassung von Websites sind Lieferziel-, Sprach- und Währungsauswahl:
Ein Länder- und Lieferung-Selektor (Ship to).
Über diese Links können Sie das Einkaufserlebnis basierend auf dem Standort, der Währung oder der Sprache des Benutzers personalisieren. Zum Beispiel kann jemand, der in Frankreich Urlaub macht, eine Website in Kanada besuchen, um einen Geschenkkorb an seine Lieben in Kanada zu senden. Identifizieren Sie die IP des Besuchers als französisch und ändern Sie (automatisch oder basierend auf einem Popup-Fenster) das Lieferland in Frankreich, die Euro-Währung und die französische Sprache. Sie müssen den Benutzern jedoch die Möglichkeit geben, diese Einstellungen zu ändern.
In diesem Beispiel ist die Sprache auf “Französisch” und die Währung auf Euro eingestellt.
Einer der häufigsten SEO-Fehler im Zusammenhang mit Website-Anpassungslinks, z. B. Lieferland, Sprache und Währungsauswahl, besteht darin, dass sie URLs erstellen, die gecrawlt werden können, auch wenn sie temporäre Weiterleitungen 302 sind. Das ist häufig der Fall, weil die Auswahl des Benutzers in der URL beibehalten wird, wie im folgenden Bild dargestellt:
Diese URLs, die von Robotern durchsucht werden können, erstellen doppelte URLs für jede Seite mit Währungsauswahl, was unerwünscht ist.
Die Lösung ist einfach: Erstellen Sie keine URLs, die für diese Selektoren gecrawlt werden können. Behalten Sie die Auswahl des Benutzers in Cookies und nicht in URLs. Darüber hinaus können Sie AJAX verwenden, um Benutzeroptionen hochzuladen und Cookies zu setzen.
Wenn Sie oben rechts auf das Symbol Ship to klicken, wird ein modales Fenster geöffnet, in dem Benutzer ihre Auswahl treffen können. Wenn die Schaltfläche CONTINUE gedrückt wird, werden mit AJAX aktualisierte Auswahlmöglichkeiten getroffen und Benutzerauswahlen in Cookies gespeichert.
Der Geschäftsort
Diese Links befinden sich an mehr oder weniger markanten Stellen auf der Seite, je nachdem, wie wichtig das Verhalten “von der Website im Laden” für jedes Unternehmen ist. Manchmal wird der Link in der oberen Leiste platziert, manchmal am unteren Rand der Seite.
Walmart legt großen Wert auf den Standort des Geschäfts, da Besuche im Internet für Walmart von größter Bedeutung sind.
Die Ladenbelegenheiten scheinen Nordstrom nicht zu wichtig zu sein.
Der Link Store Locations im Untergrund impliziert in gewissem Maße, dass der Datenverkehr in den Webshops für Nordstrom nicht wichtig ist. In der mobilen Version wird jedoch das Symbol mit dem Speicherort des Geschäfts in der primären Navigation angezeigt:
Die mobile Version der Nordstrom-Website.
Das Missverhältnis zwischen mobilem und Desktop-Design lässt mich fragen, ob das Desktop-Design gut geplant war.
Der Link zum Geschäftsstandort sollte für die Suchmaschinen nicht nofollow oder anderweitig blockiert werden. Über den Link sollten die Benutzer zu einer Seite weitergeleitet werden, auf der alle Standorte der Geschäfte angezeigt werden oder die eine einfache und schnelle Suche nach dem Standort ermöglicht. Außerdem sollten Sie für jeden Geschäftsstandort eine eigene Seite haben und eine separate XML-Sitemap für Geschäftsstandortseiten erstellen.
Die betreffende Einkaufswagen-Links
Diese sind die Links zu den Schaltflächen Warenkorb und Kasse( checkout buttons).
In den meisten Fällen befindet sich das Warenkorbsymbol oben rechts auf der Seite. Amazon gewöhnte die Online-Käufern in diesem Bereich suchen.
Ständige mini-shopping Warenkörbe (Perpetual Mini-Shopping Carts)[20] werden häufig mit AJAX implementiert und können nicht gecrawlt werden. Das ist in Ordnung, da Sie Ihren Warenkorb und die Checkout-Seiten nicht indexieren müssen. Als Beobachtung werden solche Körbe immer ständig(perpetual) aufgerufen, da sie die Anzahl der Produkte im Warenkorb anzeigen, während die Benutzer andere Orte auf der Website durchsuchen. Dauernde Körbe (persistent) sind solche, die während mehrerer Sitzungen aufbewahrt werden, wenn die Benutzer etwas in den Warenkorb legen, die Website verlassen, später zurückkehren und die Produkte noch im Warenkorb sind.
Einige bevorzugen das Attribut nofollow für diese URLs, um beim Crawlen zu sparen. Das wird nicht schaden, aber es ist nicht notwendig für SEO. Checkout-Seiten können entweder in robots.txt blockiert oder mit dem Meta-Robots-Bezeichnung auf Seitenebene nicht indexiert werden.
Die Hilfe-Links(help links)
Diese sind Links zu Contact Us, FAQ, Live Chat, Help Center und anderen ähnlichen Seiten. Wenn der aktuelle Live-Chat-Link nicht mit JavaScript versehen ist, blockieren Sie ihn mit robots.txt.die Links wie Help, FAQ und Contact US sollten für Suchroboter als einfache HTML-Links verfügbar sein.
Sie können viele Hilfelinks in einem einzigen Menü zusammenfassen, um mehr Links auf engstem Raum aufzulisten:
Die Dropdown-Liste unter der Bezeichnung Need help? Es enthält wichtige Hilfelinks für die Benutzer.
Auf vielen Websites werden Hilfelinks auch in der Fußzeile angezeigt, was bedeutet, dass die Links dupliziert werden.
Die Links für das Benutzerkonto
Über diese Links können Benutzer Aktionen wie das Erstellen eines Kontos oder das Registrieren eines Kontos, das Nachverfolgen des Auftragsstatus usw. ausführen.
Best Buy stoßt(disallows) die gesamte www-ssl-Subdomain ab. Diese Subdomain hostet Benutzerkonten und wurde gesperrt. Das ist ein guter Ansatz.
In der Regel führen Kontoverbindungen zu sicheren HTTPS-Abschnitten, und Suchmaschinen müssen diese Seiten nicht crawlen oder indexieren.
Sie werden sehen, dass viele E-Commerce-Websites das Attribut “nofollow” für Kontolinks verwenden:
Die Links zu Benutzerkonten sind nofollow.
Der rote Rand im Bild oben (und unten) bedeutet, dass die Links nofollow sind. Sowohl Target als auch OfficeMax verwenden das Attribut “nofollow” für URLs zu Benutzerkonten, aber das wird jedoch heute nicht mehr benötigt.
Der rot gepunktete Rand bedeutet, dass diese Links nofollow sind.
Google empfiehlt, das Attribut nofollow nicht nur für Kontolinks, sondern für alle internen Links[21] zu verwenden. Das – so behaupten sie – ermöglicht es PageRank, auf der gesamten Website frei zu laufen.
Beachten Sie, dass es riskant ist, die Crawling-Aktion zu steuern, unabhängig davon, wie Sie das tun (z. B. mit nofollow, robots.txt oder unvoreingenommenem JavaScript).
Hier ist warum:
- Wenn Sie den Crawling-Vorgang mit robots.txt steuern, wird PageRank an die Roboter-URLs[22] [23] übertragen, aber nicht von diesen URLs.
- Wenn Sie den Crawling-Vorgang mit nofollow steuern, überträgt PageRank nicht auf die Nofollow-URLs,[24] sondern auf die aus diesen URLs.
- Wenn Sie den Crawling-Vorgang mit unzerbrechlichen Links steuern, wird der PageRank nicht auf diese Links / Seiten übertragen, sondern der PageRank wird von diesen Seiten übertragen (falls die Seite von Suchmaschinen anderweitig entdeckt wird).
Fragen Sie sich: Helfen Seiten für Konten Benutzern, wenn sie ihre Suchmaschinen indexieren? Suchen die Benutzer nach Begriffen wie “Registrieren eines Kontos bei {Ihrem Firmennamen}”? Wenn nicht, gibt es einen weiteren Grund für die Indexierung dieser Seiten? Wenn es keinen anderen Grund gibt, sollten Sie in Betracht ziehen, Suchroboter am Zugriff auf diese Seiten zu hindern.
Paradoxerweise müssen Sie, wenn Sie Seiten vollständig aus Suchmaschinenindizes entfernen möchten, zuerst den Robots das Crawlen auf diesen Seiten gestatten und das Meta-Bezeichnung der Seitenebene hinzufügen. Das bedeutet, dass Sie den Zugriff auf diese Seiten mit robots.txt erst dann blockieren, wenn sie von Suchmaschinenrobotern durchsucht wurden.
Wenn der Seitenfluss der Autorität besorgniserregend ist, ist robots.txt möglicherweise eine bessere Alternative zum Crawlen als die Verwendung des Attributs nofollow. PageRank wird nicht außerhalb von Seiten übertragen, die mit robots.txt blockiert wurden, da Google auf diesen Seiten nicht crawlen kann, um zu bestimmen, wie PageRank über die einzelnen Links übertragen werden soll. Wenn die Seiten indexiert wurden, bevor sie mit robots.txt blockiert wurden, weiß Google jedoch, wohin und wie der PageRank übertragen wird. Theoretisch kann Google diese Seiten vorübergehend überprüfen und den PageRank übertragen, wenn Sie sie von Zeit zu Zeit zum Crawlen offen lassen.
Wenn Sie sich jedoch keine Gedanken über den PageRank-Fluss machen, gibt es einige Alternativen zum Blockieren von Links zu Ihren Kontoseiten mit robot.txt und “nofollow”:
1. Stärken Sie die Links in Gruppen:
Der Bereich Your Account ist ein Dropdown-Menü, das mehrere Links stärkt.
Gelbe Seiten sind mit deaktiviertem JavaScript zugänglich.
2. Deaktivieren Sie einige Kontoverbindungen, bis sich der Benutzer bei der Site anmeldet:
Wenn Sie auf sign in klicken, werden im Dropdown-Menü die Konto-URLs angezeigt, die jedoch nicht aktiv sind.
Im obigen Beispiel sind die Links zu Your Profile, Check Order Status, Points Balance, Your Coupons und Your Lists keine aktiven HTML-Links, bis sich der Benutzer bei der Site anmeldet.
Außerdem sind die Links sign in, join for free und My Location mit JavaScript implementiert und für Suchmaschinen nicht zugänglich:
Die Suchmaschinen können die Links sign in, join for free und My Location nicht finden.
3. Verwenden Sie ein modales Fenster, um das Site-Log-in zu vereinfachen:
Durch Klicken auf den sign in Link oben rechts wird ein modales JavaScript-Fenster geöffnet.
Dieses modale Fenster wird auf Anfrage geladen und der Inhalt ist für Suchmaschinen beim Laden der Seite nicht zugänglich.
Die Fußzeilen(footers)
Die Fußnoten bleiben einer der am häufigsten missbrauchten Bereiche auf der gesamten Website. Und das liegt daran, dass die Links in der Fußzeile – zumindest für einige Websites – immer noch funktionieren, obwohl Google behauptet, diese Strategie sei inakzeptabel und würde nicht funktionieren.
Wir müssen nicht weiter als bis Amazon schauen, um die riskante Verwendung von schlüsselwortreichen Fußnoten zu erkennen.
Der Unterboden ist häufig der letzte Abschnitt der Site, den Benutzer überprüfen, wenn sie die benötigten Informationen an anderer Stelle auf der Seite nicht finden können. Häufig überprüfen die Benutzer die Fußnoten überhaupt nicht. Es ist daher wichtig, wichtige Verbindungen hier nicht zu begraben.
Die Fußnoten werden normalerweise als Vorlagentext implementiert und geben den hier verlinkten Seiten weniger Autorität. Yahoo! sogar festgestellt, dass die Links im Keller abgewertet werden könnten:
“Die irrelevanten Links am Ende einer Seite, die für die Benutzer von keinem Wert sind, tragen nicht zur Qualität der Benutzererfahrung bei, sodass wir sie für unsere Klassifizierung nicht berücksichtigen”.[25]
Google sendet widersprüchliche Signale an Webmaster, in denen angegeben wird, dass die Links zu Fußzeilen(site-wide footer links) außerhalb des Geltungsbereichs der Empfehlungen zur Inhaltsqualität liegen, aber gleichzeitig wird jedoch nicht gegen diejenigen vorgegangen, die solche Links missbrauchen.
Da sich die Fußnoten am Ende der Seiten befinden, ist die Klickrate für die Links in der Fußzeile sehr niedrig. Die Fußnoten können jedoch für die Benutzererfahrung sehr gut sein, insbesondere für „fette“ Fußzeilen( fat footers)[26], und sie können auch ein sehr nützliches internes Verknüpfungswerkzeug sein.
Lassen Sie uns ein paar Ideen diskutieren, um einige Verbesserungen vorzunehmen.
Wiederholen Sie nicht die primäre Navigation im Untergrund
Wenn im Hauptnavigationsmenü einige Links aufgeführt sind, müssen Sie diese im Untergrund nicht wiederholen. Die wichtigsten Links für Benutzer sollten sich in der oberen Leiste befinden. Bewahren Sie die Fußnoten für die relevante, aber weniger wichtige Links auf.
Gruppieren Sie die logischen Verklinkungen
Wenn Sie die Anzahl der Links in der Fußzeile verringern möchten, sollten Sie mehrere URLs auf einer Seite zusammenfassen. Wenn der Speicherplatz ein Problem darstellt, können Sie JavaScript-Dropdown-Systeme wie im unteren Bild implementieren:
Anstatt eindeutige URLs für jedes Thema im Abschnitt Your Orders zu erstellen, erstellen Sie eine einzige Haupt-URL für Your Orders und fügen Sie den Inhalt aller Abschnitte auf dieser Seite hinzu (z. B. Auftragsstatus, Lieferung und Bearbeitung usw.).
Werfen wir einen Blick darauf, wie Staples und YouTube das implementiert haben. Beide sind gute Beispiele für nützliche Fußnoten:
Das Pop-up-Menü Corporate Info enthält Links zu relevanten Seiten, aber es belegt weniger visuellen Platz.
Staples stellt Crawling-Links zur Verfügung.
Die Links im Popup-Menü stehen auch zum Crawlen zur Verfügung, wie Sie in der zwischengespeicherten Version der Seite sehen können.
Länderauswahl auf YouTube.
Auf YouTube ist die Länderliste nur mit AJAX verfügbar, wenn Sie auf die Länderauswahl klicken. Stellen Sie sich vor, wie es wäre, wenn die Liste auf jeder Seite Ihrer Website in einfachem HTML verfügbar wäre.
Die Länderverbindungen stehen für die Robotersuche nicht zur Verfügung.
Walmart verwendet [+] expand-Links und [-] collapse-Links, um Benutzern mehr Optionen zu bieten, aber die Suchmaschinen haben jedoch keinen Zugriff auf Unterkategorielinks (angezeigt durch das Pluszeichen):
Durch Klicken auf das [+] Pluszeichen werden mehrere Unterkategorien geöffnet.
Obwohl die Links zu wichtigen Kategorien wie Electronics, Bikes und Toys zum Crawlen geöffnet sind, sind die entsprechenden Unterkategorien wie Laptops, Apple iPads, Tablets und TVs nicht:
Dieser Ansatz kombiniert Benutzererfahrung und SEO.
Entfernen Sie unnötige Links
Verfolgen Sie die Verwendung von Klicks auf Links in der Fußzeile entweder mit URL-Parametern oder mithilfe von Klickzuordnungstools wie CrazyEgg. Helfen Sie den Nutzern wirklich mit diesen Links oder möchten Sie nur eine suchmaschinenoptimierte Fußzeile haben? Wenn Sie feststellen, dass Benutzer auf einige der “optimierten” Links nicht klicken, platzieren Sie diesen Link nicht in den Fußnoten.
Wenn ein Link in der Fußzeile eine große Anzahl von Klicks erhält, sollten Sie diesen Link auf jeder Seite an einer besser sichtbaren Stelle platzieren.
Testen Sie die Entfernung von Links aus dem Untergrund und messen Sie, wie sich diese auf Conversion-Raten, SEO oder Benutzerfreundlichkeit der Website auswirken.
Missbrauchen Sie keine Fußnoten
Wir wissen sicherlich, dass Suchmaschinen keine Rückverweisse mögen, die unterirdisch auf der gesamten Site-Ebene platziert werden.[27] Wir wissen auch, dass Suchmaschinen Links in boilerplate-Abschnitten anders behandeln als kontextbezogene Links, bei denen Prämien weniger Autorität übertragen.
Die Links in der Fußzeile sind an sich nicht schlecht. Tatsächlich ist es möglich, dass die Links keine Probleme verursachen, die Fußnoten jedoch missbraucht werden.
Die Fußnoten scheinen einer der bevorzugten Abschnitte für eine Überoptimierung zu sein. Schauen wir uns zum Beispiel das folgende Bild an:
Der weitgehende Gebrauch der Wörter “women‘s” und “men‘s” in diesen Ankern ist nutzlos.
Wenn Sie die Schlüsselwörter in den Ankertext im Untergrund stecken, nur weil es immer noch funktioniert, ziehen Sie die Penguin-Strafe in Betracht, die diese Taktik bestraft. Zwar ist Penguin nicht nur mit Rückverweise verbunden, sondern auch mit internen. Weitere Informationen zu diesem Thema finden Sie im Zeiger Nummer eins in diesem Video[28] sowie in diesem Kommentar[29] und in diesem Video.[30]
Site-weite Links mit Ankertext wie in diesem Beispiel verursachen Probleme. Je größer die Website ist, desto größer ist die Chancen, von Panda oder Penguin gefiltert zu werden.
Ein weiterer Trick, den Sie vermeiden sollten, ist das Platzieren von “SEO-Inhalten” weit unterhalb der Fußnoten, jenseits des “normalen” Seitenaufrufbereichs. Auch wenn Google Sie nicht algorithmisch bestrafen kann, wird diese Seite mit Sicherheit keine manuelle Überprüfung bestehen.
Der “SEO-Inhalt” beginnt dort, wo die wahre Fußnote endet, was ein dummer Versuch ist, Suchmaschinen zum Narren zu halten. Ich frage mich, ob diese Website aus diesem Grund in der Vergangenheit ein gray toolbar PageRank hatte.
Die Registernavigation( Tabbed Navigation)
Wenn Sie Benutzern mehr Links im Untergrund zur Verfügung stellen müssen, können Sie auch mit Registerkarten navigieren, um mehr Links anzuzeigen. Schauen Sie sich das folgende Beispiel an:
Mit der Registerkartennavigation können Sie weitere Links anzeigen.
Sie können die Navigation mit Registerkarten weiter optimieren, indem Sie mehr Text in die Fußzeile einfügen. Sehen Sie sich an, wie 1-800 Contacts das tun:
Ein sehr gutes Beispiel für die Registerkartennavigation im Untergrund.
Jeder Link auf der linken Seite öffnet eine neue Registerkarte. Wenn Sie beispielsweise auf den Link “Our Commitment” klicken, wird eine neue Registerkarte geladen:
Das ist ein guter Inhalt für eine Fußnote. Das Hinzufügen einiger interner kontextbezogener Textlinks würde diesem Abschnitt noch mehr SEO-Wert verleihen.
Dynamische Fußnoten
Die E-Commerce-Websites können die Attraktivität von Fußnoten für Suchmaschinen erhöhen, indem Inhalte und Links relevanter Fußnoten für jeden Abschnitt der Website und sogar für jede Seite dynamisch aktualisiert werden. Dieser Ansatz erzielt die besten Ergebnisse, wenn er mit Registerkartennavigation implementiert wird, wodurch ein Inhalt von mindestens 150 Wörtern in der Fußnote angezeigt werden kann.
Schauen wir uns das Beispiel von 1-800 Contacts an. Der Seite, auf der die Fußnote angezeigt wird, könnte eine neue Registerkarte hinzugefügt werden, die einen relevanten Ausschnitt aus einem kürzlich veröffentlichten Blogbeitrag enthält. Beispielsweise könnte der Name der neuen Registerkarte auf der Avaira-Markenseite etwa so lauten wie Avaira News, und der Abschnitt im Blog könnte den Markennamen und möglicherweise einen oder zwei Links zu Avaira-Produkten enthalten. Die Fußnote auf der Markenseite von Biomedics bezieht sich auf Biomedics-Produkte und so weiter.
Ebenso nützlich wie das richtige Verknüpfen für Benutzer ist das Hinzufügen von seitenbezogenen Links in der Fußzeile für die Benutzerfreundlichkeit der Website, da das Einkaufserlebnis so personalisiert wird, dass die Kundenerwartungen erfüllt werden.
Sie können sogar Links bei der Registerkartennavigation anpassen. Auf einer Produktdetailseite für Avaira-Linsen können Sie beispielsweise den Link von “Contact Lens Brands” zu “Avaira Contact Lenses ” dynamisch ändern und nur Avaira-Produkte auflisten.
Die dynamische Fußnoten werden angezeigt, wenn Sie die Absicht des Benutzers berücksichtigen. Diese Fußnoten helfen nicht nur Benutzern mit Inhalten, die für die Seite relevant sind, auf der sie sich befinden, sondern sie helfen auch, den internen Ankertext zu ändern. Eine dynamische Fußnote reduziert die exakte Übereinstimmung des Ankertextes und verhindert die Erstellung von Links über die gesamte Site in der Fußzeile. Derzeit verwenden viele E-Commerce-Websites dieses Konzept nicht.
In den letzten 20 Jahren haben sich Fußnoten im Vergleich zu anderen Bereichen einer Seite nicht zu nützlichen Informationen für die Benutzer entwickelt. Vielleicht können Sie das ändern und gleichzeitig einen organischen Vorteil erzielen.
Debugging und Kundenunterstützung
Die Fußnoten können auch als Funktion zum Debuggen, Entwickeln oder zur Kundenunterstützung verwendet werden.
Das Markieren von Fußnoten mit einem einzelnen Text, der das Jahr und den Monat enthält, in denen die Seite zuletzt erstellt oder aktualisiert wurde (z. B. “Seite im September 2017 erstellt oder letztes Mal aktualisiert”), ermöglicht einen einfachen Crawl-Debugging-Vorgang über einen Monat oder zwei mit der Suchmaschine “site:”, mit einer Suche ähnlich der site: mysite “Seite in September 2017 generiert”.[31]
- Does User Annoyance Matter? http://www.nngroup.com/articles/does-user-annoyance-matter/ ↑
- Mega Menus Work Well for Site Navigation, http://www.nngroup.com/articles/mega-menus-work-well/ ↑
- Findability, http://en.wikipedia.org/wiki/Findability ↑
- The Paradox of Choice, http://en.wikipedia.org/wiki/The_Paradox_of_Choice:_Why_More_Is_Less ↑
- ‘How We Decide’ And The Paralysis Of Analysis, http://www.npr.org/templates/story/story.php?storyId=122854276 ↑
- Avoid Category Names That Suck, http://www.nngroup.com/articles/category-names-suck/ ↑
- Interface Design >Navigation > Trunk Testing, http://jrivoire.com/ED722/trunktest.html ↑
- Nine Techniques for CSS Image Replacement, http://css-tricks.com/css-image-replacement/ ↑
- Auto-Forwarding Carousels and Accordions Annoy Users and Reduce Visibility, http://www.nngroup.com/articles/auto-forwarding/ ↑
- Are carousels effective? http://ux.stackexchange.com/questions/10312/are-carousels-effective/10314#10314 ↑
- WEB1009 – The <img> or <area> tag does not have an ‘alt’ attribute with text, http://msdn.microsoft.com/en-us/library/ff724032(Expression.40).aspx ↑
- Using schema.org markup for organization logos, http://googlewebmastercentral.blogspot.fr/2013/05/using-schemaorg-markup-for-organization.html ↑
- Thing > Property > logo, http://schema.org/logo ↑
- Thing > Organization, http://schema.org/Organization ↑
- The H1 debate, http://www.h1debate.com/ ↑
- Survey and Correlation Data, http://moz.com/search-ranking-factors ↑
- Whiteboard Friday – The Biggest SEO Mistakes SEOmoz Has Ever Made, http://moz.com/blog/whiteboard-friday-the-biggest-seo-mistakes-seomoz-has-ever-made – Check #4 starting around 5:00 ↑
- Do not Make Me Think: A Common Sense Approach to Web Usability, 2nd Edition – http://www.amazon.com/Dont-Make-Me-Think-Usability/dp/0321344758/ref=la_B001KHCFUU_1_1?s=books&ie=UTF8&qid=1387533022&sr=1-1 ↑
- The Elements of User Experience: User-Centered Design for the Web and Beyond (2nd Edition) (Voices That Matter), http://www.amazon.com/Elements-User-Experience-User-Centered-Design/dp/0321683684/ref=sr_1_1?s=books&ie=UTF8&qid=1387533087&sr=1-1&keywords=jesse+james+garrett ↑
- Persistent Shopping Carts vs. Perpetual Shopping Carts, http://www.getelastic.com/persistent-shopping-carts-vs-perpetual-shopping-carts/ ↑
- Should I use rel=”nofollow” on internal links to a login page? https://www.youtube.com/watch?v=86GHCVRReJs ↑
- PageRank: will links pointing to pages protected by robots.txt still count?, http://webmasters.stackexchange.com/questions/5534/pagerank-will-links-pointing-to-pages-protected-by-robots-txt-still-count/5548#5548 ↑
- Will a link to a page disallowed in robots txt transfer PageRank, https://www.youtube.com/watch?v=j6H3xBcvkZY ↑
- PageRank sculpting, http://www.mattcutts.com/blog/pagerank-sculpting/ ↑
- Eric Enge Interviews Yahoo’s Priyank Garg, http://www.stonetemple.com/articles/interview-priyank-garg.shtml ↑
- SEO and Usability, http://www.nngroup.com/articles/seo-and-usability/ ↑
- Link schemes, https://support.google.com/webmasters/answer/66356?hl=en ↑
- Smarter Internal Linking – Whiteboard Friday, http://moz.com/blog/smarter-internal-linking-whiteboard-friday ↑
- Smarter Internal Linking – Whiteboard Friday, http://moz.com/blog/smarter-internal-linking-whiteboard-friday#comment-189218 ↑
- Webmaster Central 2013-12-16 https://www.youtube.com/watch?v=Snarx2wBlWg @ 27:52 ↑
- How to Build an Effective Footer, http://graywolfseo.com/seo/build-effective-footer/ ↑