Forum
25.03.2008, 09:58

Glossar / Lexikon

Sehr geehrte Kunden,

mit dem heutigen Update ist in allen POWERGAP Shops folgende Erweiterung eingebunden worden:

Glossar / Lexikon

Diese neue CMS Funktion erlaubt es dem Shopbetreiber sauberen Content in Form von einem Glossar (bzw. Lexikon) zu schaffen.

Das folgende Beispiel im Demoshop könnte ebenso ein Weinlexikon sein, das Wörter wie Säure, Abgang oder Faßgeschmack beschreibt. Dabei werden diese Beschreibungen in Zusammenarbeit mit der Dynamic HTML Engine in einer für Suchmaschinen sehr sauberen Baumstruktur dargestellt, so dass dieses Lexikon nicht nur den Shopbesucher informiert, sondern auch wunderbaren Content mit den für das Shop-Thema wichtigen Suchwörtern für die Suchmaschinen bildet.

Auf diese Art könnten auch ausgiebige Informationen zu Herstellernamen oder Kategorien (die man näher erläutern möchte) hinterlegt werden. Um es zu perfektionieren, könnte man dann sogar über dem Artikel-Suchergebnis eines Herstellers zu dessen Lexikon-Beitrag per schickem Banner verlinken!
Oder noch besser man nutzt zusätzlich sogar die schon vorhandene Funktion Replace Glossar, so dass der Begriff (wenn man im Artikeltext mit der Maus darüber hoovert) dem Kunden die Bedeutung im Tooltipp erklärt.

Selbstverständlich funktioniert dieses Feature auch ohne DHE. Aber mit der Dynamic HTML Engine haben Sie bei der Pflege der einzelnen Einträge sogar die Möglichkeit den URL Namen einzeln vorzugeben und damit die Suchwörter in der URL selbst zu beeinflussen. Jeder, der schon ein wenig Erfahrungen mit dem Thema SEO hat, wird bestätigen welche Effekte dies haben kann.


(Klick auf Grafik, um Demo Live im Demoshop zu sehen)

Jetzt wo es bei vielen Shops in Richtung Sommer etwas ruhiger wird, empfehlen wir jedem Shopbetreiber so etwas in Betracht zu ziehen. Bevor Ihre Sekretärin anfängt sich mit ihren Nägeln zu beschäftigen oder Ihr Azubi sich gelangweilt an den .... spielt  ;D, wäre die Schaffung eines solchen Contents eine mehr als nur sinnvolle Beschäftigung.

Es sollten dabei natürlich echte Texte entstehen, die nicht nur für die Suchmaschine, sondern vor allem für den Besucher einen Mehrwert haben. Denn ist guter Text für den Besucher geschaffen, so ist dieser zwangsläufig auch für die Suchmaschine von Interesse. Das Augenmerk sollte nicht auf einen für die Suchmaschinen optimierten Text gesetzt werden (also keine Suchwörter-Aufzählungen usw.), sondern für den Besucher gut lesbaren Text, der dennoch das umschreibende Wort mehrfach in unterschiedlichen Variationen wiederholen darf.

Ebenso möglich wäre es für uns Ihnen fertige LexikonDatenbanken zu importieren. Der Hinweis, dass auch der Diebstahl solcher textlichen Inhalte bei der Konkurrenz verboten ist sei hier trotz der Selbstverständlichkeit erwähnt.
Eine Möglichkeit wäre natürlich bei einem Seiteninhaber der schon viel solchen Content aufbereitet hat freundlich anzufragen, ob er diesen gegen Betrag X verkaufen würde. Wer es also sehr schnell hinbekommen möchte könnte diesen Weg in Betracht ziehen. Hier allerdings der wichtige Hinweis, dass eine 100% Kopie der Texte von anderen Seiten Ihnen SEO-technisch keinen echten Vorteil bringt. Dabei würde für die Suchmaschine lediglich "doppelter Content" entstehen, den die Suchmaschinen nicht gerade mit TOP Platzierungen belohnen. Ist ja ähnlich, wenn Sie die Artikelbeschreibung eines Herstellers bei Ihren Artikeln zu 100% übernehmen, hier ist ebenso anzuraten diese Texte deutlich umzuformulieren.

Zusätzlich bietet diese neue Funktion auch eine bequeme Ajax-Suche! Da es ajax-typisch keinen "OK" oder "suchen" Button gibt, sollte man dem Kunden wie im Demoshop einen Hinweis darauf geben, dass er nach der Eingabe des Suchbegriffs einfach nur einen Augenblick warten muss bis das Ergebnis darunter erscheint.

Die Struktur:

In der großen Übersicht mit allen Wörtern kann der Kunde zwar direkt auf die gewünschten Wörter klicken, aber die Verlinkung ist dort bewusst per Javascript programmiert, somit die Suchmaschinen diesen Links nicht folgen! Warum das? Nun, Suchmaschinen stört es, wenn eine einzige Seite mit zu vielen Links auf einmal besetzt ist. Das hat den Anschein einer Linksammlung, mit der sich Google und Co. nicht so gerne beschäftigen.

Daher ist also mit Absicht eine schön saubere Baumstruktur programmiert worden:



Die einzelnen Buchstaben (die im übrigen nur aufgeblendet werden, wenn dazu auch ein Beitrag besteht) dienen dabei als Strukturebene vor den einzelnen Beiträgen. Die einzelnen Buchstaben sind bei der DHE schön per .html Endung mit einer eigenen Seite verlinkt:



Erst von dieser Seite aus gelangt die Suchmaschine dann auf die einzelnen Beiträge.

Eine nette Erweiterung des ganzen Features ist die Möglichkeit unter dem Lexikon eine beliebige Infogruppe (bekannt aus der Pflege der Startseiten) einzublenden. So dann man dem Besucher beim Lesen des Glossars auch noch auf Artikel aufmerksam machen kann, die ja per Zufall auch immer wechseln können. Siehe Beispiel:




Die Einrichtung & Pflege:

... ist recht simpel. Über T > Seitentexte findet man ganz unten 3 Felder, die mit "Glossar_" anfangen. Im "Glossar_Lexikon_Titel:" muss der Titel eingetragen werden. Beispiel "Wein Lexikon". Dieser Titel dient bei aktivierter DHE auch als URL. Aus "Wein Lexikon" würde dabei "wein_lexikon.html" werden! Sonderzeichen werden entfernt und Leerzeichen gegen einen Unterstrich getauscht.

Im Feld "Glossar_Lexikon_Text_oben:" wird das ganze obere HTML gepflegt. Hier ein Beispielcode, der auch schon den nötigen Teil für die Ajax-Suche enthält:

Sehr geehrter Lexikon Besucher, bla bla bla...




Ajax-Suche:
(Bitte Suchwort eingeben und 1 Sekunde abwarten)




Bitte die Synonyme im Quelltext genau so belassen.

Über "Sonstiges" > "Sonstige Einstellungen" > im Feld "Javascript_Head" folgendes eintragen wenn noch nicht vorhanden:






Im Dropdown mit dem Titel "Glossar_Lexikon_Infogruppe_unten:" kann die Infogruppe ausgewählt werden, die man vorher über Layout > Startseite > Infogruppen aktiviert und eingerichtet hat.

Für die Optik ist einiges an CSS über Layout > Schriften/CSS > Root zu pflegen:

.gloss_cloud1 {font-size:10px;color:#777777;font-family:Verdana,Arial;font-weight:bold;}
.gloss_cloud2 {font-size:11px;color:#555555;font-family:Verdana,Arial;font-weight:bold;}
.gloss_cloud3 {font-size:12px;color:#444444;font-family:Verdana,Arial;font-weight:bold;}
.gloss_cloud4 {font-size:13px;color:#777777;font-family:Verdana,Arial;font-weight:bold;}
.gloss_cloud5 {font-size:14px;color:#555555;font-family:Verdana,Arial;font-weight:bold;}
.gloss_cloud6 {font-size:16px;color:#444444;font-family:Verdana,Arial;font-weight:bold;}
.gloss_cloud7 {font-size:18px;color:#555555;font-family:Verdana,Arial;font-weight:bold;}
.gloss_box {font-size:0.9em;float:left;margin:0 0 0 0;padding:0;background-color:#eeeeee;border:1px solid #CA020C;width:100%;}
.gloss_li1 {background-color:#EEEEEE;list-style-type: none;list-style-position:inside;list-style-image:url(https://cdn.powergap.de/p.gif);color: #757575;cursor:hand;position: relative; left: -20px;}
.gloss_li2 {background-color:#FFFFFF;list-style-type: none;list-style-position:inside;list-style-image:url(https://cdn.powergap.de/p.gif);color: #757575;cursor:hand;position: relative; left: -20px;}
.gloss_ajax_text {color:#444444;font-size: 12px;font-weight: bold;}
.gloss_alph {font-size:12px;color:#333333;background-color:#FFFFFF;border:1px solid #CA020C;width:20px;font-weight:bold;margin:0px;padding:3px 3px 3px 3px;display:inline;}
.gloss_alph_tab {display:inline;float:left;margin:2px;}
.gloss_alph a {font-size:16px;color:#111111;}
.gloss_titel {font-size:18px;color:#555555;font-family:Verdana,Arial;font-weight:bold;}
.gloss_text {font-size:12px;color:#555555;font-family:Verdana,Arial;}


Dies ist das Beispiel-CSS ist aus dem Demoshop. Hier die Erklärung der einzelnen Classen:

.gloss_cloud1-7 : Schriftformatierung der einzelnen Clouds
.gloss_box : Box (Im Demoshop Grau mit rotem Rahmen)
.gloss_li1-2 : Formatierung der einzelnen Zeilen (Hintergründe) des Ajax-Suchergebnisses
.gloss_ajax_text : Schriftformatierung des Ajax-Suchergebnisses
.gloss_alph, .gloss_alph_tab : Formatierung der Rechtecke um die Buchstaben des Alphabets
.gloss_alph a : Um die Schrift des oberen Alphabets größer zu gestallten als die aus der Gesamtübersicht
.gloss_titel : Schriftformatierung der Beitragsüberschrift
.gloss_text : Schriftformatierung des Beitragstextes

Die Pflege der Einzelnen Beiträge erfolgt über T > Glossar Lexikon.

Die Pflegemaske erklärt sich dabei eigentlich von selbst. Das Feld URL muss nur gepflegt werden, wenn man auch die Dynamic HTML Engine im Einsatz hat. Umlaute wie z.B. ä, ö oder ü werden mit ae, oe oder ue ersetzt! Leerzeichen mit dem entsprechenden DHE-Trennzeichen, d.h. "_" oder "-".

Das Lexikon muss mindestens einen Eintrag unter "A" sowie unter "Z" haben, damit die Übersichtsmaske fehlerfrei funktioniert.

Das Feld Cloud mit dem Dropdown von 1 bis 7 stellt die Schriftgröße (also die Wichtigkeit des Wortes) in der Übersicht dar. Diese moderne Darstellungsweise kennt man ja bereits aus vielen Blogs oder der Funktion Top Suchbegriffe ("Web 2.0").

Wie schon anfangs erwähnt ist es auch möglich diese Daten zu importieren. Sie könnten also auch eine Excel-Datei mit den Spalten "Wort, URL, Cloud (1-7), Text" erstellen und wir könnten das mit nur 10-15 Minuten Aufwand importieren.

Zum Schluss, oder wenn das Lexikon schon einigermaßen gefüllt worden ist, muss man (z.B. per eigenem Banner) nur noch einen Link auf das Lexikon setzen. Entweder wie im DHE-Beispiel oben den Titel + .html oder bei nicht DHE Shops z.B. s01.php?sp=de&pp=gloss.

Sollten Sie Fragen zu der Funktion haben oder auch Anregungen was zu verbessern, so rufen Sie uns bitte an. Wir können Ihnen auch bei der Einrichtung wie immer behilflich sein.

P.S. Wer die Shopfenster auf der rechten Seite ausblenden möchte kann das machen, in dem innerhalb des Textes "Glossar_Lexikon_Text_oben" folgendes mit eingetragen wird:

#keine_shopfenster_rechts, siehe auch http://www.powergap.de/forum/index.php?topic=883.0.


Forum-Archiv

Alle Beiträge aus:

2026, 2025, 2024, 2023, 2022, 2021, 2020, 2019, 2018, 2017, 2016, 2015, 2014, 2013, 2012, 2011, 2010, 2009, 2008, 2007, 2006, 2005, 2004, 2003, 2002,