Schritte, die eine SEO-Agentur unternahm, um eine E-Commerce-Seite für eine Bäckerei zu erstellen
Willkommen zurück zur nächsten Folge unserer SEO Reality Show! In früheren Folgen haben wir uns die zahlreichen Schritte angesehen, die die Expertenagentur unternahm, um das Ranking-Potenzial der Website der Edelweiss Bakery zu erhöhen, einschließlich des Prozesses der Erstellung von starken Blog-Inhalten und der Überprüfung auf potenzielle technische Fehler.
. Die Bäckerei hatte bereits einen bestehenden E-Commerce-Bereich, bevor sie mit der Agentur zusammenarbeitete, aber es war nur ein kleiner Abschnitt auf der Hauptseite; es gab keine Produktkarten oder Kategorien. Die Agentur wusste, dass zur Steigerung des Kaufpotenzials eine dedizierte E-Commerce-Seite erforderlich war, mit der Möglichkeit, Artikel nach Kategorie anzuzeigen und Produktkarten für jeden Artikel hinzuzufügen, den Kunden kaufen konnten.
Diese Folge zeigt, wie die SEO-Agentur die E-Commerce-Funktionen der Bäckerei überarbeitete, um die Produktsichtbarkeit und Online-Käufe zu erhöhen.
Der Prozess
Die Agentur wollte zuerst mit dem Design beginnen, um die Struktur der Seite zu bestimmen, welche Kategorien benötigt würden und wie die allgemeinen Layouts aussehen würden.
Ihr erster Schritt war die Erstellung eines Layouts für den E-Commerce-Bereich „Shop“ der Website, das zwei zusätzliche Layouts umfasste:
- Kategorieseiten-Layout: Ermöglicht es Benutzern, verschiedene Produkte nach Typ zu durchsuchen, was ihnen hilft, genau die Art von Backwaren zu finden, die sie suchen.
- Produktkarten-Seitenlayout: Bietet zusätzliche Details zu einem einzelnen Produkt
Sobald diese Layout-Designs erstellt waren, füllte die Agentur die relevanten Informationen für jede Produktkarte aus. Werfen wir einen Blick auf den genauen Prozess, Schritt für Schritt.
Schritt 1, Vorbereitung von Mockups und Design
Um die Bäckerei-Shop-Seite zu erstellen, verwendete die Agentur WooCommerce, ein Standard-WordPress-Plugin mit vorgefertigten E-Commerce-Funktionen und Vorlagen. Um die Einrichtung abzuschließen, analysierte die Agentur ähnliche Elemente wie bei der Vorbereitung der Gesamtstruktur der Website:
- . Die Konkurrenz-Websites der Bäckerei (ausgewählt während der )
- frühen Phasen der Arbeit der Agentur
)
Ergebnisse für häufige verkaufsorientierte Suchanfragen, einschließlich „Brot online kaufen“ und „Sauerteigbrot kaufen“
Hier ist ein Screenshot eines Kategoriesuchergebnisses eines Konkurrenten für „Sauerteigbrot kaufen“: Dies zeigte der Agentur, was die Konkurrenz tat und wonach Kunden möglicherweise suchten..
Die Agentur erstellte dann Design-Mockups und sandte sie an einen Designer, wobei sie einem ähnlichen Prozess folgte wie bei der Unterstützung von Edelweiss bei der
Aktualisierung des Homepage-Designs ihrer Website
- .
- Schritt 2, Vorbereitung von Kategorieseiten
- Während der Analyse im vorherigen Schritt kam die Agentur zu dem Schluss, dass die folgenden Elemente der Kategorieseite absolut notwendig waren:
- Produktliste
- Titel und SEO-Text
- FAQ-Block (*könnte nicht in jedem Fall notwendig sein)
Navigationsschaltflächen von Seite zu Seite (Seitennummerierung)
Menü
Breadcrumbs
Die Agentur entdeckte auch, dass einige Kategorien zu klein sein könnten, um sie zu optimieren; zum Beispiel die Kategorie Ciabatta.
Diese Produktkategorie enthielt nur drei Produkte, daher war es sinnvoller, die einzelnen Produktseiten für ein gutes Ranking zu optimieren, anstatt eine Kategorieseite, die nur wenige Artikel enthalten würde. Die Produktkartenseite konnte jedoch optimiert werden, da es mindestens zwei Produktkarten in den Top 10 Ergebnissen für „Ciabatta kaufen“ gab. WSS Agency Hier ist das Kategorieseiten-Layout, das sich das Designteam ausgedacht hat. Die Agentur verwendete das Keyword Magic Tool
(über das Sie hier mehr erfahren können), um die technischen Spezifikationen für den Inhalt der Kategorieseite vorzubereiten, und verwendete die „Fragen“-Funktion in Semrush für den FAQ-Block.
Semrush hat kürzlich sein Keyword Magic Tool aktualisiert, um die Suchabsicht eines Keywords anzuzeigen. Dies ist eine außergewöhnliche Zeitersparnis, da die Notwendigkeit entfällt, zu recherchieren, ob das Keyword
kommerzielle oder informative Inhalte
- erfordert, und Rätselraten eliminiert wird.
- Schritt 3, Erstellung von Produktkarten
- Während der ersten Analyse stellte die Agentur fest, dass die Produktkartenseite die folgenden Elemente enthalten muss, um am besten zu erklären, was verschiedene Produkte sind, und die Wahrscheinlichkeit zu erhöhen, dass sie kaufen:
- Hochwertige Bilder des Produkts
- Produktkauf-/Vorbestellungs-Button
- Titel und SEO-Beschreibung
- FAQ-Bereich
- Produktmerkmale und Beschreibung
Kurze Informationen zu Zahlungs- und Liefersystemen
Menü (optional)
- Breadcrumbs
- Hier ist das Produktkarten-Design, das die Agentur für die Edelweiss-Bäckerei erstellt hat:
Ein paar Dinge, die bei diesem Design hervorzuheben sind:
Die Platzierung und Akzente um bestimmte Seitenelemente wurden sorgfältig berücksichtigt. Zum Beispiel waren das Produktbild, der Preis und der In-den-Warenkorb-Button am hellsten und sichtbarsten, damit sie auf der Seite hervorstachen.
- Die Produktkarte enthält alle Informationen, die für einen Besucher nützlich wären und letztendlich die Chancen erhöhen würden, dass er etwas kauft. Dazu gehörten: Produktfotos, Bewertungen von echten Kunden und detaillierte Produktbeschreibungen.
- Schritt 4, Optimierung des Produktwarenkorbs
- Edelweiss hatte bereits eine Produktwarenkorb-Seite, also erstellte die Agentur keine. Noch besser: Ihre Warenkorb-Seite enthielt die wichtigen Elemente, die ein Kunde wahrscheinlich sehen möchte, bevor er zur Kasse geht, einschließlich:
welche Artikel sich in ihrem Warenkorb befinden
wie viel die Artikel kosten
- die Menge der Artikel in ihrem Warenkorb
- Hier ist die Produktwarenkorb-Seite von Edelweiss:
- Während die Produktwarenkorb-Seite von Edelweiss bereits in gutem Zustand und gut optimiert war, wollte die Agentur die folgenden Empfehlungen an unsere Leser weitergeben, die das On-Site-Erlebnis ihrer Kunden verbessern möchten:
- Sie sollte die Liste der Produkte im Warenkorb enthalten, einschließlich eines Bildes des Produkts
Kunden müssen in der Lage sein, jedes Produkt darin einfach zu entfernen, hinzuzufügen oder die Menge zu ändern
Der Gesamtpreis, der bei der Bestellung angezeigt wird, muss der Endpreis sein (einschließlich Versand + MwSt., wobei zumindest darauf hingewiesen werden muss, dass dies während des Checkouts berechnet wird)
Sie sollte es Kunden ermöglichen, ohne Registrierung zu bestellen (optional, aber sehr empfehlenswert). Checkout-Formular Der Checkout-Prozess von Edelweiss ist bereits schnell und einfach, daher hatte die Agentur keine zusätzlichen Vorschläge zur Verbesserung. So sieht ihr Checkout-Formular aus: Wenn Sie den Checkout-Prozess Ihrer Website bewerten möchten, sind hier einige Dinge, die Sie berücksichtigen sollten:
- Das Checkout-Formular und der Prozess sollten einfach und klar sein
- Textfelder sollten Anweisungen enthalten, was einzugeben ist
- Felder, die Kunden ausfüllen müssen, sollten hervorgehoben werden
- Das Formular sollte nur die Informationen abfragen, die für den Abschluss des Kaufs erforderlich sind
Schritt 5, Layout und technische Optimierung
Mit den ausgewählten Design-Layouts konnten die Programmierer der Agentur damit beginnen, die Produktlisten mit den erstellten Vorlagen einzurichten. Die Agentur gab den Programmierern vor Arbeitsbeginn die folgenden Empfehlungen, die wir nach Kategorien aufschlüsseln werden.
Einrichten einer Produktliste
Das Erste, worauf die Agentur achtete, war, wie die Produktlisten sowohl auf Produktseiten als auch bei der Anzeige von Produkten nach Kategorien eingerichtet werden mussten. Dies sind die Anforderungen, die sie dem Team gaben:
- Ermöglichen Sie Käufe direkt aus der Produktliste auf der Kategorieseite, ohne zur Produktkarte zu gehen. Dies wird eine „Schnell in den Warenkorb“-Schaltfläche sein. Wenn der Kunde bereits mit dem Produkt vertraut ist, wird der Kauf aus der Liste sehr bequem sein.
- Die Produktnamen sollten Links sein, die über das <a href></a>-Tag eingerichtet sind, und die Kaufschaltflächen sollten über <button></button> eingerichtet sein.
„Dies ist eine einfache Regel, die Suchmaschinen hilft, den Inhalt und die Elemente der Seite zu verstehen“, erklärte die Agentur. - Der Menüinhalt sollte auch dann zugänglich sein, wenn JavaScript deaktiviert ist. Das Menü sollte ein Navigationsleitfaden sowohl für Menschen als auch für Suchroboter sein, und Links im Menü sind ein lokaler Verknüpfungsblock.
Wenn Ihr Menü nur in Javascript ist, werden Suchmaschinen die Kategorien Ihres Shops als getrennt betrachten. Dies führt zu verwaisten Seiten, das sind Seiten ohne Link-Autorität, die möglicherweise nie indexiert werden. Um dieses Problem zu lösen, erstellen Sie das Menü mit CSS, sodass alle Links zugänglich sind, wenn Javascript deaktiviert ist.
Kanonisierung, Filter und Sortierung
Die Agentur wusste, dass es entscheidend sein würde, Filter, Sortierung und Kanonisierung auf eine logische Weise zu organisieren, die es Benutzern leicht machen würde, das zu finden, wonach sie suchten, und den Kundenverkehr korrekt fließen zu lassen.
Das ist, was sie verlangten:
- Konfigurieren Sie das kanonische Selbstverweis-Tag (das auf die aktuelle Seite zeigt) für alle Seiten ohne den get-Parameter.
- Für Seiten mit dem get-Parameter (einschließlich Produktsortierung und Filterseiten) sollte das kanonische Tag auf die Hauptseite zeigen, das ist die Seite, auf die der Filter angewendet wurde.
Einrichten der Paginierung
Paginierung ist die Sequenzierung von Seiten auf Ihrer Website, und die Agentur wusste, dass Paginierung sowohl für die Benutzererfahrung als auch für Indexierungszwecke wichtig ist. Dies waren die Empfehlungen, die sie anboten:
- Das kanonische Selbstverweis-Tag muss für alle Seiten konfiguriert sein, und die Seiten müssen für die Indexierung zugänglich sein.
- Das Meta-Tag für alle Seiten (außer der Hauptseite) sollte durch den Titel, Seite N Maske gebildet werden, wobei N die Ordnungsnummer der aktuellen Seite in der Paginierungskette ist.
- Für den Typ Seite-1 (der je nach Ihrem CMS auf unterschiedliche Weise gebildet werden kann), müssen Sie 301-Weiterleitungen zur Hauptseite konfigurieren. Es sollte keine Links zur Seite-1-Typ-Seite in der Paginierungskette geben, und es sollte keine selbstverweisenden Links geben.
Markup
Markup kann viel dazu beitragen, Marken dabei zu helfen, Vertrauen aufzubauen, soziale Beweise zu nutzen und ihren Kunden wichtige Informationen bereitzustellen. Die Agentur empfahl den Entwicklern, das folgende Markup zu Produktlisten hinzuzufügen:
Für Kategorien und Produktkarten empfiehlt die Agentur, das folgende Markup zu erstellen:
- Breadcrumbs-Mikro-Markup
- Produkt-Markup mit Preis (oder Preisspanne)
- Produktbewertung
Dies hilft der Seite, Rich Snippets in Googles SERP zu haben. Wenn es Frage-Antwort-Blöcke gibt, benötigen sie das FAQ-Seiten-Markup.
Sie können Hilfe bei Ihrem Markup erhalten hier.
Schritt 6, Ausfüllen von Kategorien- und Produktkarteninformationen
Sobald die Design-Layouts für die Kategorie- und Produktkartenseiten fertig waren, bestand der nächste Schritt für die Agentur darin, die Informationen über jedes Kernprodukt* einzugeben und den Inhalt zu optimieren.
*Ein einzelnes Produkt kann unter verschiedenen Kategorien erscheinen, sollte aber nur über eine einzige URL verfügbar sein. Dies verhindert Produktduplikate und maximiert gleichzeitig die Produktsichtbarkeit auf Ihrer Website.
Die Agentur empfiehlt, Kategorien und Produktkarten in der Reihenfolge zu indexieren, in der sie fertiggestellt werden, Schritt für Schritt, anstatt alle auf einmal. Dies soll verhindern, dass Suchroboter leere Produktseiten crawlen und indexieren.
Als Nächstes
Nachdem die Einrichtung der Shop-Seite abgeschlossen war, ging die Agentur zu ihrer nächsten Aufgabe über! In der nächsten Folge werden wir untersuchen, wie die Agentur zusätzliche Analysen für die Website der Bäckerei eingerichtet hat, um Conversions korrekt und effizient zu verfolgen.