Affiliate Website: Beginn Implementierung, Hauptseiten, Keywords und erste Inhalte (6)

vom 05.10.2011

Ich habe nun angefangen, das System aufzusetzen und meinen vorgefertigten, groben HTML-Entwurf dort zu implementieren. Weiterhin habe ich die Hauptseiten angelegt und dabei schon ziemlich genau und gewissenhaft alle benötigten Angaben eingefügt. Auch ein paar Inhalte sind schon in der Datenbank.

Implementierung in mein System

Die Implementierung des Grobentwurfes an sich war nicht so schwierig. Ich habe dafür einfach Datenbank und Dateien der letzten Webseite, die ich mit meinem System erstellt habe (und das war genau diese hier) kopiert, Inhalte aus der Datenbank entfernt, altes HTML entfernt und an den entsprechenden Stellen das HTML aus dem Grobentwurf eingefügt.

Weiterhin habe ich nicht benötigte Inhaltselemente der ursprünglichen Webseite rausgeschmissen, so dass erstmal nur noch Standardelemente (Text, Bild, Sitemap, Artikelbar, Artikelübersicht) übrig blieben. Mit diesen kann man aber prinzipiell schon eine einfache Webseite erstellen.

Seitenerstellung

Vorab zur Seiten- und Inhaltserstellung in meinem System

In meinem System ist es so, dass technisch eine Seite, ein Artikel, eine Kategorie dasselbe sind. Das liegt daran, dass diese Dinge im Prinzip auch strukturell dasselbe sind. Sie haben eine URL, einen Menütitel, einen Seitentitel, eine Beschreibung, Tags gemeinsam. Spezifisch sind nur die Lokalisierung (in welchem Menü auf welcher Ebene, in der Kategorienliste, in Artikelübersichten, u.s.w.) sowie die Inhalte, welche in meinem System über die bereits erwähnten Content-Elemente gesteuert werden.

Die Variante mit den Inhaltselementen habe ich mir im TYPO3 abgeschaut, weil ich sie für sehr sinnvoll halte. In Wordpress gibt es dafür nur ein Textfeld mit Rich-Text-Editor. Dort kann man Inhalte natürlich auch via HTML einfügen. Wenn man aber z.B. immer wiederkehrende Elemente hat, wie z.B. eine spezielle Linkliste, die auf mehreren Seiten eingefügt werden kann und soll, müsste man sie in diesem Texteditor immer wieder manuell einfügen. Mache ich dafür ein eigenes Content-Element, brauche ich im Backend nur einmal klicken und das Ding ist drin.

Unterschied zu der TYPO3-Variante ist, dass man diese Content-Elemente dadurch, dass auch Artikel und Kategorien Seiten sind, auch in solchen verwenden kann. In TYPO3 wird so etwas über eine Blog-Erweiterung bzw. als ich mich das letzte Mal damit beschäftigt habe über tt_news gesteuert. Hier ist, ebenso wie in Wordpress, für Artikel auch nur ein Texteditor vorgesehen. Es gibt da auch eine Erweiterung, über welche man wiederum auch dort die TYPO3-Content-Elemente verwenden kann, auch die selbst erstellten. Ich fand es jedoch unsinnig, das nicht direkt so zu machen, ebenso, wie ich die Unterteilung in "Artikel", "Seiten", "Kategorien" im Backend und technisch unsinnig finde.

Einfügen der Hauptseiten

Ich habe also zunächst erstmal die Hauptseiten angelegt, also alle Seiten, welche im horizontalen, "großen" Menü oben zu finden sind sowie die Seiten im Footermenü. Die Seiten, welche bei Wordpress die klassischen Seiten wären. Beim Anlegen von Artikeln, Kategorien und auch Artikelserien erscheint zunächst dieselbe Eingabemaske.

Hierbei wird zwischen Menütitel und Seitentitel unterschieden. Auch das gilt bspw. für Artikel und Kategorien und ist mitunter der Grund, warum ich mich entschieden habe, kein Wordpress als System für diese Seite zu verwenden. Es ist natürlich ein höherer Eingabe-Aufwand für den User, führt aber zu einer besseren Suchmaschinenoptimierung der Seite und kann auch für die Usability hilfreich sein.

Zum Beispiel ist es auch bei Artikeln manchmal sinnvoll, diesem auf der Webseite einen anderen Titel zu verpassen, als das was bei Google angezeigt wird und auch gecrawlt wird. Der Seitentitel sollte (wegen Google) nicht länger als 65 Zeichen sein, der lesbare Titel auf der Webseite kann aber ruhig länger sein und das macht auch manchmal Sinn. Ebenso sollte der Seitentitel die wichtigsten Keywords enthalten, was für den Seitentitel auf der Webseite nicht zwangsläufig gelten muss.

Wenn es um das Menü geht, ist die Trennung klar. Der Menülink umfasst einen Begriff, kurz und knackig, während der Seitentitel länger sein sollte, damit der Suchende auf den Google-Seiten auch genauer über den Inhalt auf den ersten Blick informiert werden kann.

Das Feld Beschreibung füllt das Meta-Tag für "description". Dieses sieht man zwar auf der Webseite nicht, der Text wird aber in den Google-Suchergebnissen unter dem Titel als Seitenbeschreibung angezeigt und auch auf Suchbegriffe gecrawlt. Auch hier lässt Google nur eine bestimmte Anzahl Zeichen zu. Ich habe im Screenshot mal ein paar zuviele eingefügt und wie man sieht, warnt mich mein System mit knalligem Rot.

Schlüsselwörter füllen das Meta-Tag für "keywords" und entsprechen dem, was in Wordpress "Tags" sind. Ich kann daraus auch Tag-Clouds erstellen wahlweise nur für Artikel oder für Artikel, Kategorien, Seiten, eben so wie ich das möchte. Ich kann sie auch für die Suche verwenden. Oder ich kann beim Artikel schreiben automatisch Wörter im Text auf alle Artikel, die dieses Tag enthalten verlinken lassen. Ich kann über diese Begriffe "related Posts" sehr gut automatisch finden und bestimmen. Wie man sieht, ein sehr wichtiges Feld, dass man vielseitig nutzen kann auch wenn man jetzt im ersten Moment nicht viel davon sieht.

Die URL, bzw. der sprechende Teil davon (in Wordpress "Slug" genannt) lässt sich manuell eingeben, man kann das Feld aber auch leer lassen, dann wird sie automatisch aus dem Seitentitel generiert.

Unten kann man via Checkboxen festlegen, welche Inhaltselemente auf der Seite erlaubt sind. Diese kann man dann beim Einfügen des Inhalts in beliebiger Reihenfolge und beliebig oft verwenden.

So habe ich also diese Seiten erstmal angelegt, mir dabei schon genaue Gedanken um diese Felder gemacht und sie entsprechend befüllt.

Die richtigen Keywords

Zunächst sollten die Seitentitel der einzelnen Seiten sich nicht allzu sehr ähneln. Sonst könnte Google das schnell als Keyword-Stuffing interpretieren. Auch für den Nutzer sollte klar sein, worin sich die einzelnen Seiten inhaltlich unterscheiden.

Ich habe erstmal ein wenig mit den mir geläufigsten Keywords ein bisschen recherchiert und mir weitere Keywords angeschaut. Verwendet habe ich dafür das Google Adwords Keyword-Tool und Google Insights for Search.

Über diese Tools kann man wunderbar herausfinden, welche Keywords wichtig sind, wo das Interesse der Sucher liegt, wie stark die Konkurrenz ist und auch weitere Hinweise auf wichtige Keywords erhalten. Das z.B. "Garten Ideen" sehr häufig gesucht wird, darauf bin ich selbst nicht gekommen. Am meisten gesucht wird nach "Gartengestaltung", wobei hier auch die Konkurrenz sehr groß ist, so dass die Wahrscheinlichkeit, auf dieses Keyword mit irgendeiner Seite in den Suchergebnissen ganz vorne zu landen, zunächst sehr gering ist. Man sollte deshalb auch Keywords oder Keyword-Gruppen verwenden, die eine nicht so starke Konkurrenz aufweisen.

Die für die Suchmaschinenoptimierung wichtigen Keywords sollten in den Feldern "Seitentitel" und "Beschreibung" sehr stark vertreten sein. Evtl. auch in der URL, das ist aber schon weniger bedeutend und eher für den Nutzer hilfreich. Das Meta-Tag Keywords spielt dafür an dieser Stelle keine Rolle.

Hier also meine eingefügten Seiten im horizontalen Hauptmenü oben:

• Home
  Seitentitel: Schiefe Wiese: Blog, Tipps, Lexikon, Kalender zum Thema Garten
  Beschreibung: Blog einer Anfängerin über einen Hanggarten. Außerdem gibt es Gartentipps, ein Pflanzenlexikon und einen Gartenkalender.
• Blog
  Seitentitel: Gartenanfängerin bloggt live und in Farbe aus ihrem Garten.
  Beschreibung: Mein Gartentagebuch. Gartengestaltung, Ideen, Erlebnisse, Experimente und wie ich mich so anstelle ...
• Galerie
  Seitentitel: Fotos + Bilder Garten: Vorher-Nachher, Gartengestaltung, Ideen
  Beschreibung: In meiner Bildergalerie findet ihr Fotos von meinem Garten wie ich ihn im Laufe der Zeit gestalte sowie Gartenpflanzen und Tiere.
• Tipps
  Seitentitel: Tipps, Ideen, Ratgeber zum Thema Gartengestaltung und -pflege
  Beschreibung: Auf diesen Seiten findet ihr zahlreiche allgemeine Tipps und Hinweise zu den Themen Gartenpflege, Gartengestaltung, naturnahes Gärtnern, Ideen für den Garten.
• Gartenkalender
  Seitentitel: Gartenkalender: Welche Arbeiten im Garten zu welcher Jahreszeit?
  Beschreibung: Im Gartenkalender gibt es Tipps und Anleitungen, welche Arbeiten im Garten zu welcher Jahreszeit oder in welchem Monat ausgeführt werden sollten.
• Pflanzenlexikon
  Seitentitel: Pflanzenlexikon: Outdoor- und Zimmerpflanzen-Suche
  Beschreibung: Pflanzenbestimmung und Pflanzensuche im Lexikon nach Namen, Art, Blütenfarbe, Blühzeit, Wuchshöhe. Außerdem Merkliste und Gartenplaner für eure Bepflanzung.

Ich kann das natürlich nachträglich noch jederzeit bequem ändern, wenn ich merke, das passt nicht.

Im Menü im Footer habe ich folgende Seiten eingefügt:

• Impressum
• Datenschutz und Haftung
• Sitemap

Die ersten zwei Punkte habe ich dann gleich in der robots.txt für alle Crawler grundsätzlich nicht erlaubt. Von daher spielt da Suchmaschinenoptimierung auch keine Rolle.

Bei der Sitemap hab ich einfach alles Sitemap betitelt und beschrieben. Diese Seite ist keine Landing-Page und kann deshalb auch bei Google unter allen anderen Sitemaps der Welt untergehen. Da hier noch einmal interne Verlinkung stattfindet, möchte ich ich sie aber nicht grundsätzlich von der Indexierung und dem Crawling ausschließen.

Inhalte einfügen

Zum Schluss habe ich noch die langweiligen Inhalte für Datenschutz, Haftung, Impressum schonmal eingefügt. Hier brauche ich nur das normale Text-Inhaltselement, von daher ist das schon möglich. Außerdem habe ich das dann hinter mir.

Die Sitemap wird über das Content-Element "Sitemap" automatisch generiert. Man muss es nur per Klick auf der Seite einfügen.

Wie man im Screenshot ganz oben erkennen kann, sieht das Ganze noch ziemlich doof aus. Was man da im Inhaltsbereich sieht ist die Darstellung des Browsers von nicht formatierten, puren HTML-Elementen. Diese Elemente im Inhaltsbereich muss ich natürlich noch mittels CSS hübsch formatieren.

Statistisches

Bisheriger Zeitaufwand

• Allgemein: 2:24 Std.
• Wordpress-Konfiguration 5:00 Std. (nicht verwendet)
• Layout/Design: 9:40 Std.
• Implementierung/Entwicklung: 2:36 Std.
• Inhalte einfügen: 3:00 Std.
• Gesamtaufwand: 23:11 Std.

Diese Serie ...

Übersicht:
Erfahrung Werbung im Blog (Aufbau einer Affiliate Webseite)

Vorheriger Artikel dieser Serie:
Vorwort zur Implementierung und Entwicklung meiner Affiliate-Website (5)

Nächster Artikel dieser Serie:
Konzept für Artikelserien ( ... und Kategorien und Tags) (7)