SEO steht für Search Engine Optimization oder zu Deutsch: Suchmaschinenoptimierung. Viele gehen davon aus, dass das nur etwas für Webmaster und Profis ist. Dem ist aber nicht ganz so, denn auch die am besten optimierte Webseite wird nur wenig Erfolg haben, wenn die Inhalte – also die Texte im Contentbereich der Webseite – nicht auch einigen Grundlagen der SEO folgen.

Im Folgenden sollen 10 Tipps für Redakteure gegeben werden, wie sie ihre Texte optimieren können. Einige davon werden vielleicht schon unbewusst angewandt, andere aus Bequemlichkeit ignoriert.

1. Text wird für Menschen geschrieben

Damit Beiträge gelesen werden, ist Suchmaschinenoptimierung nicht ganz zu vernachlässigen. Allerdings sollte bei dem Verfassen des eigentlichen Textes darauf geachtet werden, dass man nicht für Google, Bing und Co schreibt, sondern für reale Menschen. Genau diese Zielgruppe versuchen die Suchmaschinenanbieter nach und nach immer besser zu imitieren. Dazu werden die Algorithmen immer mehr verfeinert und es kommen ständig neue mit hinzu.

Will man zielgerichtete Texte schreiben, ist es sicher nicht verkehrt, sich eine Liste mit den wichtigsten Keywords auf ein Blatt Papier zu schreiben und dazu auch passende Synonyme zu notieren. An dieser Liste kann sich der Redakteur dann orientieren. Dabei müssen aber nicht auf Teufel komm raus alle Schlagwörter verwendet werden – auch wenn das vorher noch so viel Arbeit gemacht hat. Eine Aneinanderreihung von Keywords bringt weder dem Leser was noch dem Ranking, da diese Technik schnell erkannt wird und gegebenenfalls zur einer Verschlechterung des Ranking führen kann.

2. Wichtige Inhalte an den Anfang des Textes

Inhaltlich sollte nicht ganz vergessen werden, dass die wichtigsten Aussagen am Anfang des Textes getroffen werden. Leser im Web sind ungeduldig und wenn nicht gleich zu Beginn des Textes entscheidende Informationen bereitgestellt werden, dann sinkt die Wahrscheinlichkeit, dass dieser bis zum letzten Satz auf der Seite verweilt. Man kann sich das wie eine auf den Kopf gestellte Pyramide vorstellen. Auch Suchmaschinen indizieren eine Seite nur bis zu einem gewissen Punkt. Bei besonders langen Texten ist die Überlegung, die Inhalte themenorientiert auf mehrere Seiten zu verteilen sicher nicht ganz verkehrt. Gerade bei Tutorials findet man immer wieder die Aufteilung in Serien. Dabei könnte ein Teil zum Beispiel eine Einleitung für Anfänger sein und der nächste dann ein aufbauendes für Fortgeschrittene. (Natürlich hat das ganze auch einen wirtschaftlichen Hintergrund, der an dieser Stelle aber keine Rolle spielen soll)

3. Überschriften richtig einsetzen

Überschriften sollten nicht nur danach aussehen, sondern auch als solche ausgewiesen sein. Leider werden Überschriften immer wieder nur als fett markiert und in der Schriftgröße geändert. Dass ist im eigentlichen Sinne des HTML allerdings keine Überschrift und wird von Suchmaschinen auch nicht entsprechend in das Rankingverfahren aufgenommen. Die WYSIWYG-Editoren (What you see is what you get) bieten im Normalfall die Möglichkeit an, Überschriften als solche zu kennzeichnen. Dabei ist es wichtig, dass die Überschriftenhierarchie eingehalten wird.

Überschriften dienen der Gliederung von Texten in einer Webseite und sollten einen aussagekräftigen Inhalt enthalten, der den folgenden Text kurz beschreibt. Dabei ist es sicher nicht verkehrt, Keywords gezielt einzusetzen oder auch Aussagen, die zum Lesen animieren.

4. Schlüsselwörter und Wortgruppen hervorheben

Das Markieren von Keywords oder Wortgruppen als fett hat zwei entscheidende Vorteile. Zum einen erleichtert es dem Leser das Überfliegen des Textes nach der passenden, interessanten Stelle. Und zum anderen deuten auch Suchmaschinen fett hervorgehobene Textabschnitte als wichtigeren Bestandteil des Textes. Aber Vorsicht! Ein zu viel ist an dieser Stelle sicher nicht angebracht. Es empfiehlt sich also nicht, einfach den ganzen Text fett darzustellen.

5. Aufzählungen als Listen erstellen

Immer wieder kommt es vor, dass in Texten Aufzählungen erscheinen. Bei einem Kochrezept zum Beispiel die Zutatenliste oder bei einer Top 10 der beliebtesten Dinge. Der Onlineredakteur sollte in diesem Fall die einzelnen Punkte nicht einfach untereinanderschreiben, sondern die einzelnen Punkte auch als Liste markieren.

Listen sind zusammengehörige, strukturierte Elemente und werden auch als solches verarbeitet. Natürlich ist auch eine Verschachtelung der Listen möglich. Um bei dem Beispiel von oben zu bleiben: bei der Zutatenliste kommt eine unsortierte Liste zum Einsatz und bei den Top 10 eine sortierte Liste.

6. Aussagekräftige Dateinamen vergeben.

Angesichts dessen, dass Suchmaschinen auch nach Bildern, PDF´s, Word-Dateien usw. suchen, empfiehlt es sich, den Dateien einen passenden Namen zu geben. Ein Beispiel: document.doc bringt bei weitem nicht den gewünschten Erfolg wie seo-tipps.doc.

7. Bilder mit alternativen Bildbeschreibungen versehen.

Beim Einfügen von Bildern in Texte mit Hilfe eines WYSIWYG-Editors besteht immer die Möglichkeit einen Alternativen Text für das Bild anzugeben. Davon sollte zwingend Gebrauch gemacht werden. Diese ALT-Texte werden nicht nur angezeigt, wenn die Bilder im Browser deaktiviert sind, sondern sind für Screenreader und Crawler gleichermaßen interessant. Anhand der Beschreibung können Rückschlüsse auf das Bild getroffen werden. Keywords darin wirken sich auf das Ranking der Seite aus und Bilder können so auch besser über die Bildersuche gefunden werden.

8. Links mit einem Titel auszeichnen

Beim Einfügen von Links, die zum Beispiel zu weiteren Informationen führen gibt es zwei Dinge die beachtet werden sollten. Der offensichtliche Teil besteht in dem angezeigten Linktext, also der Bereich, der klickbar ist und auf die gewünschte Zielseite führt. Hier bietet es sich an, eine kleine Wortgruppe zu verwenden, die aussagekräftige Keywords über den Inhalt der verlinkten Seite/des verlinkten Dokumentes enthalten. Auf Linktexte wie „hier klicken“, „mehr…“ oder ähnlichen Wörtern, die keinen Ausschluss auf den Inhalt des Links zulassen, sollte verzichtet werden. Ein Beispiel: „Wenn Sie mehr dazu erfahren wollen, dann klicken sie hier!“ – das ist die schlechte Variante. Nun eine bessere: „Unter dem folgenden Link erfahren Sie mehr zum Thema: Wie kann ich besser Texte für das Web schreiben?“

Der weniger offensichtliche Teil besteht in der Vergabe eines passenden Linktitels. Dieses Attribut wird angezeigt, wenn man mit der Maus über dem Link verweilt. Natürlich dient der Inhalt auch wieder den Screenreadern und auch die Suchmaschinen greifen gern darauf zurück, um den Link besser einordnen zu können.

Usability-Tipp am Rande: Wenn anstatt des Linktextes ein Bild verwendet wird, dann empfiehlt es sich, Alt-Text vom Bild UND Titel des Links einzugeben.

9. Interne Verlinkung

Wer regelmäßig Texte für seine Webseite/seinen Blog verfasst, der wird früher oder später Beiträge verfassen, die einen Bezug zu einander haben oder auf Artikeln aufbauen, die auf anderen Seiten veröffentlich wurden. Speziell bei den hauseigenen Texten kann am Ende eine kleine Liste mit weiterführenden Angeboten aufgeführt werden. Diese interne Verlinkung erleichtert es den Crawlern die Seite schneller zu indizieren und Leser werden eventuell durch die weiteren Inhalte etwas enger an die Seite gebunden.

10. Bekanntmachung der Inhalte’

Nach der Fertigstellung des Textes und dessen Publizierung im Web, soll das Werk von so vielen Lesern wie möglich konsumiert werden. Speziell Blogs bieten mit den Pingdiensten eine gute Möglichkeit, die neuen Beiträge bei Webseiten anzumelden. Da dieser Teil aber nicht von dem Redakteur beeinflusst werden kann, soll an dieser Stelle auch nicht weiter darauf eingegangen werden.

Aber auch Redakteure können ihren Beitrag dazu leisten, den Artikel dem World Wide Web bekannt zu machen. Eine Möglichkeit besteht darin, über bekannte Soziale Netzwerke den Link zu verbreiten. So zum Beispiel über Twitter, Facebook oder den Plauderkasten der VZ-Angebote. Hat der Redakteur die Möglichkeit einen Newsletter zu versenden, dann stellt sicher auch dieser eine gute Möglichkeit der Publikation dar. Und natürlich sollen an dieser Stelle auch die unzähligen Foren und Blogs nicht unerwähnt bleiben. Wer dort als Redakteur öfters aktiv ist und Gastartikel oder Kommentare verfasst, der kann an passenden (!) Stellen auch auf seinen Beitrag verweisen. Aber Vorsicht! Hier ist ein gesundes Maß geboten, damit nicht der Verdacht des Spammings auftritt. Vor allem sollten die Seiten auch themenrelevant sein und bestenfalls selber ein sehr gutes Ranking aufweisen.

Abschlussbemerkung

Redakteure, die sich an diese 10 Tipps halten, leisten einen Beitrag zur Verbesserung des Rankings. Sollten einige der oben beschrieben Funktionen in Ihrem System nicht vorhanden sein, dann nehmen Sie bitte Kontakt mit ihrem Webmaster auf, dass er diese einstellt bzw. freigibt.

Da die Suchmaschinenoptimierung ein sehr komplexes Thema ist, darf aber auf keinen Fall davon ausgegangen werden, dass bei der Befolgung dieser Tipps zwingend ein erster Platz bei den Suchergebnissen zur Folge steht. Dafür muss unter anderem die Seitenstruktur sauber definiert sein und nicht zu letzt kommt es auch auf den Suchbegriff an. Wer zum Beispiel unter dem Begriff „Urlaub“ ohne große finanzielle Aufwendungen auf Platz eins landen will, der sollte sich nicht all zu große Hoffnungen machen. Ein Gespräch mit einem kompetenten Webmaster, der sich auf dem Gebiet der Suchmaschinenoptimierung auch wirklich auskennt und ohne zwielichtige Tricks arbeitet, ist in so einem Fall zwingend notwendig.

Ich wünsche allen Redakteuren viel Erfolg beim Schreiben des nächsten Beitrages!

Einleitung

Im ersten Teil des Tutorials habe ich Euch gezeigt, wie Ihr einen simplen RSS-Button relativ schnell mit Illustrator erstellen könnt. Dieser Beitrag soll nun einen Anreiz geben, wie Ihr Eurem Button eine persönliche Note geben könnt und ihn besser in das Design Eurer Seite integrieren könnt.
Ein neues Dokument anlegen
Als erstes empfiehlt es sich, ein neues Dokument anzulegen. Für dieses Tutorial habe ich mich für 50*40Px entschieden. Im Hintergrund öffnet Ihr am besten auch gleich das Dokument aus dem ersten Teil mit Eurem eigenen RSS-Button. Diesen kopiert Ihr nun in das neue Dokument und positioniert Ihn auf der rechten Seite der Arbeitsfläche.

Am Ende sollte das Ergebnis dann so aussehen:

Button Drehen und Einfärben

In meinem Blog spielen die Farben Grün sowie ein dunkles Blau eine wichtige Rolle. Mit diesen Farben soll nun auch der personalisierte RSS-Button versehen werden. Ihr markiert also zunächst den Hintergrund des Buttons und öffnet die Verlaufspalette. Dort wird der aktuelle orange Verlauf angezeigt. Die orangen Farbtöne ersetzt Ihr durch zwei Grüntöne, wie sie auch auf der Webseite verwendet werden. Als nächstes markiert Ihr den gesamten Button und drehen ihn leicht im Uhrzeigersinn.
Um den Effekt zu erhalten, dass der Button aus der Seite herausschaut, wird einen Teil der unteren Ecke mit einer weißen Fläche überdeckt.

Stilelemente hinzufügen

Um das Erscheinungsbild weiter zu unterstreichen werden nun ein paar Stilelemente eingefügt, die zum Beispiel im Banner oder bei den Überschriften mit verwendet werden. Aber Vorsicht! Weniger ist auch hier meist mehr!
Für einen guten Abschluss nach unten könnt Ihr nun noch mit dem Ellipsen-Werkzeug eine flache Ellipse aufziehen, diese in dem dunklen Blau einfärben und so positionieren, dass sie genau die Stelle ein wenig überdeckt, an der der Button scheinbar aus dem weißen Hintergrund herausragt. Über Dateimenü > Effekte > Stilisierungsfilter >  Schlagschatten könnt Ihr der Ellipse noch einen dezenten Schatten verpassen. Damit dieser nicht zu globig wird, habe ich mich für eine sehr geringe Verschiebung von 0,5Px entschieden sowie eine dezente Weichzeichnung.

Fazit

Mit wenigen Handgriffen könnt Ihr im Adobe Illustrator Euren eigenen RSS-Button aufpeppen und ihn damit zum einen besser in das Design der eigenen Seite integrieren und zum anderen Euch mit dieser Variante vom Rest ein wenig abheben.
Ich hoffe, ich konnte Euch ein paar nützliche Tipps und Anregungen vermitteln und freue mich auf Euer Feedback.

Einleitung

Blogs sind inzwischen immer beliebter geworden und selbst große Tageszeitungen und Fachzeitschriften springen nach und nach auf den Onlinezug auf. Damit geneigte Leser nicht ständig selber auf den Seiten vorbeischauen müssen, um nach neuen Beiträgen zu suchen, gibt es den sogenannten RSS Dienst. Diesen kann man abonnieren und wird dann automatisch über neue Beiträge informiert. Bei großen Angeboten sind diese auch in verschiedene Rubriken unterteilt. In diesem kleinen Tutorial möchte ich euch zeigen, wie ihr euren eigenen, simplen RSS-Button mit Adobe Illustrator erstellen könnt. In einem weiterführenden Beitrag zeige ich euch dann auch noch, wie Ihr dem Button eine persönliche Note geben könnt.

Am Ende dieses Tutorials soller Euer Button dann in ungefähr so aussehen:

Arbeitsfläche einrichten

Nach dem Starten von Illustrator legt ihr ein neues Dokument an. Die Maße habe ich auf 24*24 Pixel gewählt und den RGB Farbmodus, da der Button ja für das Web und nicht für Printsachen gedacht ist.
Damit Ihr nachher die einzelnen Elemente besser ausrichten könnt, empfehle ich Euch, mit „Strg + R” die Lineale einzurichten. Damit könnt Ihr dann von den Rändern Hilfslinien ziehen. Hilfslinien könnt Ihr später auch noch verschieben, wenn Ihr über das Kontextmenü „Hilfslinien fixieren” abschaltet.

Die Button Grundfläche erstellen

Mit „M” wählt Ihr das Rechteckwerkzeug aus er Werkzeugpalette aus. Damit zieht Ihr ein Rechteck über die komplette Fläche auf. Als Farbe habe ich zunächst schwarz gewählt. Wir passen diese dann im weiteren Verlauf des Tutorials an. In der Steuerungspalette setzt Ihr den Fokus des Rechteckes auf die Mitte und verringert die Höhe und Breite um 1 bis 2 Pixel.
Als nächstes runden wir die Ecken der Grundfläche ab. Dazu ruft Ihr über das Dateimenü > Effekt > Stilisierungsfilter > Ecken abrunden das Menü zum Abrunden der Ecken aus. In das Feld geben wir 2Px ein. Wer will, kann auch die Vorschau aktivieren und gegebenenfalls mit den Werten etwas herumexperimentieren. Ihr könnt die Effekte auch jederzeit später noch einmal ändern. Dazu mit dem Auswahlwerkzeug („V”) das gewünschte Objekt markieren und in der Aussehenpalette den entsprechenden Effekt doppelt anklicken.
Die Grundfläche unseres RSS-Buttons könnt Ihr bei Bedarf gleich als Vorlage für andere Buttons mit speichern.

Buttoninhalt einfügen

Damit der Button nun als typischer RSS-Button erkannt wird, fügen wir in diesem Schritt den Punkt und die beiden abgerundeten Linien ein.
Wählt zunächst das Ellipsenwerkzeug aus – dieses Befindet sich in der Auswahl hinter dem Rechteckwerkzeug. Klickt dazu die kleine schwarze Ecke an. Die Flächenfarbe stellt Ihr auf Transparent und für die Kontur wählt Ihr weiß aus. Bei Gedrückter Umschalttaste erstellt Ihr nun einen Kreis, der ungefähr doppelt so groß wie die Grundfläche des Buttons ist. Mit dem Direktauswahl-Werkzeug (der weiße Pfeil – „A”) markiert Ihr die drei viertel des Kreises, die später nicht mehr zu sehen sein sollen. Danach drückt Ihr die Entf-Taste, so dass nur noch ein Viertel zu sehen ist. Mit dem Skalieren-Werkzeug („E”) könnt Ihr den viertel Kreis nun so in den Button positionieren und vergrößern/verkleinern, dass dieser jeweils etwas Platz zum Rand des Buttons hat und von der linken oberen Ecke bis zur rechten unteren Ecke reicht. In der Konturen Palette gebt Ihr dem Kreis nun eine stärkere Kontur, damit wir das typische Aussehen erreichen. Ich habe hier 4 Pixel gewählt.
Mit „Strg + F” erstellt Ihr eine Kopie des Kreissegmentes. In der Steuerungspalette wählt Ihr für die Kopie die untere linke Ecke als Fixpunkt aus und skaliert das Segment so kleiner.
Als letzter Schritt wird nun noch ein weißgefüllter Kreis aufgezogen. Durch Drücken der Umschalttaste beim Aufziehen erhaltet Ihr einen perfekten Kreis. Den passt Ihr von der Größe noch so an, dass ein stimmiges Gesamtbild entsteht. Jetzt wäre es mal wieder an der Zeit zwischen zu speichern ;)

Den Button mit Farbe versehen

Noch ist der Button ja nur schwarz/weiß. Für den ersten Entwurf eines Buttons oder auch Logos ist das auch gut so. Damit wir aber einen ansprechenden und für den Besucher der Seite auch sichtbaren Button erzeugen, werden wir diesen jetzt noch mit etwas Farbe aufpeppen. Die meisten RSS-Buttons sind orange oder mit einem hellen Rot versehen. Damit das ganze nicht zu langweilig aussieht, werden wir dem Button einen dezenten Farbverlauf verpassen. Der Korpus des Buttons sollte dazu ausgewählt sein. Wählt als nächstes in der Farbpalette ein helleres und ein dunkleres Orange aus. In der Verlaufspalette erstellen wir mit den Farben einen linearen Farbverlauf. Dazu zieht Ihr die heller Farbe direkt in die Mitte des Balkens. Den neuen Anfasser könnt Ihr bei Bedarf auch noch über das Eingabefeld mit Prozentwerten direkt verschieben. An die äußeren Ränder des Verlaufs zieht ihr jeweils die dunklere Farbe. Wie Ihr seht, ändert sich auch gleich direkt im Button die Farbe. Zum Ausrichten des Verlaufs könnt Ihr nun entweder das Verlaufswerkzeug („G”) nehmen und von einer Ecke des Buttons zur anderen den Verlauf aufziehen oder Ihr gibt in der Palette einfach als Winkel -45° ein.
Wer mag, kann seinem Button nun noch eine weiße Kontur geben.

Fazit

Wie Ihr seht, ist ein eigener RSS-Button sehr schnell erstellt. Den Button könnte Ihr bei Bedarf nun auch in verschiedenen Größen ausgeben. Natürlich ist das nur einer von vielen Wegen, wie man so ein Icon erstellen kann. Illustrator bietet viele verschiedene Lösungsansätze, um zum Ziel zu gelangen.
Im zweiten Teil dieses Tutorials zeige ich euch noch ein paar Schritte, wie Ihr den Button noch ein wenig aufpeppen könnt bzw. an das Design Eurer eigenen Seite anpasst.

Einleitung

Da es sich hier um mein erstes Tutorial handelt, möchte ich zunächst ein paar einleitende Worte loswerden. Dieses und die folgenden Beiträge dieser Kategorie sind in erster Line für meine Kunden gedacht, damit diese die Gelegenheit haben, jederzeit Informationen für ihre eigenen Webseiten zu erhalten. Ich freue mich aber auch, wenn andere die Tutorials lesen, nutzen und evt. Feedback geben.
Die Inhalte werden nach bestem Wissen und Gewissen zusammengetragen und resultieren aus der Lektüre verschiedener anderer Posts und aus Büchern. Nun aber erst einmal viel Spaß beim Lesen!

Print vs. Web

Gelesen hat sicher jeder schon einmal in seinem Leben – Sie tun es ja im Moment auch. Allerdings gibt es zwischen dem Lesen von gedruckten Texten und denen, die man als PDF oder Webseiteninhalt am Bildschirm liest ein paar gravierende Unterschiede.

Textlänge und Position der wichtigen Informationen

Ein Buch kauft man sich zum Beispiel, weil man im Urlaub abschalten will oder es einem wärmstens empfohlen wurde. Bei einem wirklich guten Krimi steigert sich die Lust am Lesen auch von Seite zu Seite und es wäre sehr ungünstig, wenn man schon im ersten Kapitel erfährt, wer der Mörder ist. Wenn ich im World Wide Web eine Anleitung zur ordnungsgemäßen Haltung von Haustieren in Mehrfamilienhäusern suche, dann ist es alles andere als interessant, über mehrere Abschnitte zunächst einmal zu lesen, wie der Mensch überhaupt zu Haustieren gekommen ist. Das Dokument erscheint mir also eher als unpassend und der Klick auf den Back-Button des Browsers ist mehr als wahrscheinlich. Muss halt der Nächste Sucheintrag der Suchmaschine zeigen, was er zu bieten hat. Ja genau, richtig gelesen: Suchmaschine! Oder wie würden Sie an solche Texte gelangen?

Was will ich damit sagen?

Während ich bei einem Buch motiviert bin, es zu Lesen und mir die Zeit zu vertreiben, suche ich im Web schnelle und hoffentlich auch richtige Informationen zu einem speziellen Thema. Dabei schrecken lange Texte die ersten Leser ab und wenn innerhalb der ersten Zeilen kein potentieller Mehrwert an Informationen auftaucht, wird der Text schnell als unnütz abgetan!

Was ist also zu tun?

Kurze, zielgerichtete Texte verfassen und die wichtigen Informationen gleich an den Anfang stellen. Die Motivation vieler Leser bis zum Ende des Textes zu lesen nimmt schnell ab. Enthält der Text am Anfang schon keine guten Fakten, dann ist es eher unwahrscheinlich, dass überhaupt ein Leser bis ans Ende gelangt.

Umfangreiche Texte gliedern

Nicht immer lässt es sich vermeiden, längere Texte zu schreiben. Um die Leser doch dafür zu interessieren, sollten die Texte durch aussagekräftige Über-/Zwischenüberschriften gegliedert werden. Bevor Sie jetzt jedoch voller Eifer ihre Texte durch das Einfügen von Überschriften aufpeppen, lesen Sie den Text zunächst noch einmal in Ruhe durch – vor allem auch in Betracht auf den oberen Abschnitt dieses Tutorials. Meine Erfahrung zeigt, dass ein Neuschreiben des Textes in dem Fall meist schneller geht, als das Anpassen eines bereits vorhandenen Textes. Meist sind alte Texte auch gar nicht mehr zeitgemäß oder enthalten Informationen, die aktuell gar nicht mehr richtig sind.

Überschriften erstellen

Eigentlich alle gängigen Content Management – und Blogsysteme bieten Richt-Text-Editoren an, bei denen man Überschriften entsprechend ausweisen kann. Die richtige Verwendung des Tags für Überschriften hat im Übrigen auch Auswirkungen auf die Bewertung des Textes durch Suchmaschinen. Das Formatieren einer Überschrift als fett und mit einem größeren Schriftgrad hat aus technischer Sicht dabei nichts mit dem Ausweisen als Überschrift zu tun!

Aufzählungen

Es kommt immer wieder vor, dass Texte Aufzählungen enthalten. Diese nur durch einen einfachen Bindestrich aufzulisten sieht nicht besonders schick aus. Gerade bei Zeilenumbrüchen entsteht kein sauberes Schriftbild. Für diesen Fall gibt es in den Editoren sortierte (mit Zahlen) und unsortierte (mit Kreisen, Karos usw.) Listenelemente, die man auch beliebig tief verschachteln kann. Listen werden übrigens auch von Suchmaschinen gesondert verarbeitet.

Formatierung innerhalb des Textes

In einem gedruckten Text lesen wir im Normalfall Zeile für Zeile und nehmen so den Inhalt nach und nach auf. Wie bereits oben erwähnt, sind Internetnutzer häufig in Zeitnot beziehungsweise sehr kurz angebunden, was den das Klicken auf den Back-Button des Browsers angeht. Das hat zur Folge, dass Texte zunächst nur überfolgen werden. Genauer gesagt, wird der Texte nach Schlüsselwörtern gescannt, die mit dem im Zusammenhang stehen, was wir eigentlich an Informationen suchen.

Durch die Nutzung von Überschriften erleichtern wir den Lesern das erfassen des Textes, wenn diese aussagekräftig sind. Um das ganze noch weiter zu unterstützen, können vereinzelte Worte oder auch Wortgruppen gesondert hervorgehoben werden. Eine einfache Formatierung als Bold ist dabei völlig ausreichend. Unterstreichungen könnten den Anschein erwecken, dass sich hinter dem Begriff ein Link versteckt und Farben machen evt. in einer Druckversion Probleme, wenn dort die Stylesheets nicht entsprechend angepasst sind. Von möglichen Kontrastproblemen mal ganz abgesehen.

Links im Text

Das Internet ist ein Netzwerk, das auf der Verlinkung von verschiedensten Inhalten beruht. Von daher wird es auch in Texten immer wieder vorkommen, dass Links eingefügt werden. Zum Beispiel, wenn eine Quelle angegeben wird oder ein Verweis zu weiterführenden Informationen sinnvoll erscheint. Innerhalb der eigenen Webseite wird gern auf themenverwandte Bereiche verwiesen oder aber auch auf diverse Produkte, die in dem Text beworben werden.

Links am Ende des Textes

Nicht immer ist es aber ratsam, den Link auch direkt im Text als solchen zu verwenden. Unter Umständen verliert man so schneller als gewollt einen Leser, da sich dieser über den Link in den schier unendlichen Weiten des Webs verirrt. Es empfiehlt sich also die Überlegung, die weiterführenden Informationen innerhalb des Textes anzuführen, aber nicht direkt durch einen Link zugänglich zu machen. Am Ende des Textes wird dann eine kleine Linksammlung angeboten. Am besten schreibt man dabei zu dem Link immer noch eine paar Stichworte, um dem Leser den Sinn des Links zurück ins Gedächtnis zu rufen.

Bedeutung von Links und Usability

Völlig auf die Links zu verzichten widerspricht dem Sinn des Internet und auch das Anbieten von weiteren, nützlichen Infos ist nicht verkehrt. Zumal es die Qualität ihrer Daten eigentlich nur unterstreichen kann.
Aus sicht der Usability ist es sicher für viele zweifelhaft, den Link nicht gleich in den Text zu setzen. Aber den Leser an den eigenen Content zu binden dürfte in dem Fall wohl überwiegen.

Bilder sagen mehr als tausend Worte

Bilder lockern auf und können das gelesene eindrucksvoll unterstreichen. Wenn es sich anbietet, sollten meiner Meinung nach immer ein paar passende(!) Bilder mit in die Absätze eingestreut werden.

Wichtig zu beachten ist, dass Suchmaschinen Bilder nicht so einfach verarbeiten können, wie es mit Texten der Fall ist. Daher sollten die Bilder aussagekräftige Dateinamen haben und auch das Attribut für den alternativen Bildtext sollten Sie nicht einfach links liegen lassen. Einige Zeitgenossen deaktivieren das Anzeigen von Bildern im Browser – vor allem dann, wenn sie mobil surfen und die Bandbreite eher schwach bestückt ist. In dem Fall wird dann der Text angezeigt, der symbolisch den Bildinhalt beschreiben soll.

Texte für Suchmaschinen aufbereiten

Natürlich sollen Texte auch von Suchmaschinen gefunden werden und den meisten ist inzwischen bewusst, dass gerade die textlichen Inhalte einer Seite wichtig für ein gutes Ranking sind. Neben den Texten kommen noch eine Vielzahl weiterer Dinge hinzu, die für ein gutes Ranking notwendig sind. In dieser Anleitung geht es aber um den Content, von daher möchte ich hier nicht weiter auf diese Elemente eingehen.

Überschriften

Wenn Sie die oben angesprochenen Dinge berücksichtigen, dann haben Sie eigentlich schon den Großteil der Arbeit erledigt. Überschriften, die auch als solches gekennzeichnet sind und inhaltlich auch zu dem darauffolgenden Text passen, werden gern genutzt, um den Text zu beurteilen.

Keywords

Schlüsselwörter dürfen/sollten bereits in der Überschrift enthalten sein. Aber auch im Text sind sie nicht zu vernachlässigen. Die wichtigsten sollten auf jeden Fall hervorgehoben werden. Bold-Formatierungen helfen dem Leser beim Überfliegen des Textes und auch Suchmaschinen greifen gern für das Matching darauf zurück.

Keyworddichte

Die Keyworddichte gibt an, wie oft ein Schlüsselwort prozentual in einem Text enthalten ist. Um genauer zu sein, bezieht sich der prozentuale Wert sogar auf das Verhältnis gegenüber allen Wörtern der Webseite. Also auch den alternativen Texten für Bildern, Linktiteln usw. Dazu werden alle HTML-Befehle herausgefiltert und am Ende bleibt der pure Text als Berechnungsgrundlage zurück.
Lange Rede, kurzer Sinn – die Schlagzahl der Keywords sollte natürlich ein verträgliches Maß aufweisen. Durchschnittlich werden 3-7% empfohlen. Alles was darüber liegt, könnte als Spam angesehen werden. Die Schlüsselwörter sollten auch gut im Text verteilt sein, denn der Algorithmus der Suchmaschinen ist gewiss viel feinfühliger und betrachtet nicht nur den Text als ganzen sonder eher in kurzen Abschnitten. Wörter wie „der”, „dann”, „ist”, „und” und so weiter spielen bei der Berechnung natürlich keine entscheidende Rolle.

Fazit

Schreiben Sie Texte für auf jeden Fall für Menschen, nicht für Suchmaschinen. Diese versuchen eh den Menschen zu imitieren. Wenn sich die Keywords aus der Entwicklungszeit der Webseite oder der letzten Marketingaktion gut mit unterbringen lassen, ist das sicher nicht verkehrt…

Texte in die Webseite einpflegen

Ein paar wichtige Dinge zur Veröffentlichung der Texte möchte ich Ihnen nicht vorenthalten. Ich rate Ihnen auf jeden Fall Texte in einem Textverarbeitungsprogramm vorzuschreiben. Dass hat den Vorteil, dass bereits eine große Menge an Tippfehlern vermeiden werden kann – vorausgesetzt diese Prüfung ist nicht vollständig deaktiviert! Wenn Sie den Text dann in den Editor ihrer Webseite einfügen wollen, nutzen Sie auf jeden Fall die Option, dass der Text als Plain-Text eingefügt wird. Ihre Formatierungen aus dem Textverarbeitungsprogramm wie zum Beispiel Microsoft Word oder dem Pendant von OpenOffice gehen dabei zwar zunächst verloren, aber damit auch jede Menge anderer Datenmüll, den Sie so im WYSIWYG-Editor nicht zu Gesicht bekommen. Kleiner Tipp, fügen Sie den Text einfach mal so in den Editor ein und schauen sich danach die Quellcodeansicht an – Sie werden Augen machen. Gerade Browser der neueren Generationen interpretieren diese zusätzlichen Daten und die Texte sehen am Ende vielleicht nicht mehr so aus, wie Sie das gewollt haben.

Machen Sie sich also lieber die Arbeit und formatieren Sie den Plain-Text noch einmal schnell von Hand neu. Das betrifft übrigens auch Texte, die Sie z.B. als Zitat direkt von anderen Webseiten oder aus einer Mail einfügen.

Wenn dann alles online ist, empfiehlt es sich, die Texte von ein paar Leuten gegenlesen zu lassen, bevor Sie ihn dann exklusiv via Newsletter oder andere Medien bewerben. Das kann unter Umständen vor peinlichen Irrtümern bewahren.

Zusammenfassung

Das war es also, mein erstes „richtiges” Tutorial. Zum Abschluss möchte ich noch einmal die wichtigsten Punkte komprimiert zusammenfassen:

• Texte in erster Linie für den Menschen schreiben – eventuell zielgruppengerichtet, wenn es sich um spezielle Texte handelt
• Lange Texte durch Zwischenüberschriften gliedern
• Die wichtigsten Informationen an den Anfang des Abschnitts/Textes stellen – Zusatzinfos erst am Ende einbauen
• Schlagwörter/Wortgruppen hervorheben, um dem Leser beim Überfliegen des Textes Anhaltspunkte über den Inhalt zu geben
• Links nach dem eigentlichen Inhalt in einer kleinen Übersicht auflisten
• Bilder mit alternativen Text versehen und passend zum Content einbauen
• Eventuell am Ende des Textes noch einmal eine Zusammenfassung der wichtigsten Punkte des Textes liefern
• Inhalte in einem Textverarbeitungsprogramm vorschreiben und die Rechtschreibprüfung nicht ganz außer acht lassen
• Texte als Plain-Text einfügen und neu formatieren