Herzlich willkommen zum Tipp der Woche.
Diese Woche geht es ums Strukturieren von Inhalten und zwar, wie man so eine textlastige
Inhaltsseite zum Beispiel etwas leserlicher machen kann für Seitenbesucher.
Bevor ich allerdings damit loslege, möchte ich noch einen anderen Tipp quasi unterbringen.
Und so war es mir letzte Woche aufgefallen.
Vielleicht kennen Sie das schon, vielleicht auch nicht.
Dass man Bilder einfach in den Editor ziehen kann.
Das ist eine Funktion, die war mir lange Zeit nicht bekannt.
Vielleicht ist sie auch erst neu dazugekommen.
Auf jeden Fall können Sie zum Beispiel im visuellen Editor oder im Textmodus des Editors
einfach in eine neue Zeile navigieren.
Und hier können Sie jetzt einfach Ihren File Explorer öffnen, also Ihren Datei Explorer.
Und dann können Sie das Bild einfach einfügen.
Und das Tolle daran ist, das funktioniert nicht nur mit einem Bild, sondern Sie können
auch zwei Bilder zum Beispiel auf einmal packen und einfach auf die Seite draufziehen,
also auf Ihren Editor, loslassen und es wird Ihnen sofort in der Mediathek hinzugefügt.
Sie müssen dann nur noch auswählen, wie das Ganze ausschauen soll und können dann zum
Beispiel einfach klicken in die Seite einfügen.
Eigentlich schon ein Tipp der Woche an sich, allerdings gehe ich jetzt direkt über zum
Thema, zum eigentlichen Thema.
So merken Sie sich auf jeden Fall, wenn Sie das nächste Mal Bilder oder Galerien einfügen
müssen, packen Sie einfach die 20 Bilder, die Sie auf die Seite ziehen wollen und ziehen
Sie einfach in die Mediathek, auf den Textbereich Ihrer Seite.
Und schauen Sie am besten, dass es JPEGs sind und keine PNGs.
Außer sie sind klein genug.
Zurück zum eigentlichen Thema dieser Episode und zwar, wie kann man seine Texte etwas strukturieren,
damit Nutzer die besser lesen können.
Mein erster Tipp hierbei ist, das Seitentemplate zu wechseln.
Das Standard-Template ist nämlich nicht besonders geeignet für lange Texte.
Das liegt einfach daran, dass der Text dann eben nicht mehr die ideale Textlänge erreichen
kann.
Jetzt gibt's zwei Möglichkeiten das zu beheben.
Die eine Möglichkeit wäre, mit Spalten zu arbeiten.
Das heißt, mit dem Elements-Plugin unter Mehrspaltiger Inhalt könnte man einfach mehrere
Spalten für den Text anlegen, um dieses Problem zu eliminieren.
Sie finden die Elements-Anleitungen übrigens über Plugins, Elements und dann zum Beispiel
Mehrspaltiger Inhalt.
Stattdessen wäre meine Empfehlung einfach das Seitentemplate zu wechseln und zwar funktioniert
das über Seitenattribute, Template, Inhaltsseite mit Navi.
Wenn ich auf dieses Template wechsle und gleichzeitig eine Seitbar verwende, zum Beispiel für einen
Ansprechpartner, dann kann ich das einmal aktualisieren und mir anschauen, dann wird
der Text eben die empfohlene Länge erreichen.
Das ist also quasi das Template, das für Texte vorgesehen ist.
Links eine Navigation, rechts der Ansprechpartner für ihre entsprechende Inhaltsseite.
Das ist also schon mal ein Schritt in die richtige Richtung, hätte ich gesagt.
Der nächste Punkt benutzen Sie Überschriften und Zwischenüberschriften, das heißt am
besten geht das immer im visuellen Editor.
Ich wechsle also auf den visuellen Editor, füge hier einen Umbruch ein und eine Überschrift.
Und dann ist das zum Beispiel eine H2 Überschrift bei mir.
Und das kann man natürlich beliebig wiederholen für andere Abschnitte.
Man kann auch Zwischenüberschriften vergeben, also jetzt könnte das hier vielleicht eine
Überschrift 3 sein und so weiter.
Und dadurch können Sie den Nutzern schon mal eine Anlaufstelle geben, wo eben welcher
Inhalt zu finden ist und welches Thema das natürlich ist.
Das heißt, dass hier jetzt natürlich nicht Überschrift 1 oder Überschrift 2 bei Ihnen,
sondern dann natürlich etwas aussagekräftig zum Beispiel, wenn es jetzt eine wissenschaftliche
Seite ist, dann schreiben Sie hier zum Beispiel etwas über Libusome oder was weiß ich.
Einfach, dass es der Nutzer, wenn er auf die Seite kommt und schon eine Frage eigentlich
Vorwerk hat, die relativ schnell überblicken kann, wo geht es um welches Thema.
Wenn ich das nämlich jetzt aktualisiere, dann schaut das Ganze im Vergleich zu vorher
schon leichter erkennbar aus, wo was ist.
So hier Überschrift 1, Thema 1, Überschrift 2.1 und so weiter.
Wie verbessert man das jetzt weiter?
Hierfür verwende ich gerne bei Inhaltszeiten, die sehr lange sind, ein Inhaltsverzeichnis.
Klingt trivial, ist es gar nicht, aber ich zeige Ihnen, wie Sie das machen können.
Hierfür vergeben Sie erstmal eine Überschrift 2 am Seitenanfang und die heißt bei mir Inhaltsverzeichnis.
Jetzt habe ich die Möglichkeit eine Liste einzufügen und zwar zum Beispiel eine nummerierte
Liste und hier habe ich jetzt Überschrift 1, Überschrift 2.
Dann über die Tab-Taste, die Tabulator-Taste, können Sie dann eine Hierarchie-Ebene nach
innen in der Liste wechseln und dann schreiben Sie zum Beispiel Überschrift 2.1, Überschrift
2.2.
Mit Shift Tab kommen Sie wieder auf die andere Überschrift, also auf die erste Ebene und
hier können Sie dann zum Beispiel weitermachen mit Überschrift 3 und so weiter.
Jetzt haben Sie zwar ein Inhaltsverzeichnis, aber es fehlt die Sprungmarke, also dass der
Nutzer klicken kann und er kommt dann auch wirklich zu diesem Abschnitt.
Um das zu beheben, gehe ich immer wie folgt vor.
Ich wechsle erst einmal in den Textmodus und wenn ich dann im Textmodus bin, dann finde
ich hier immer wieder diese Überschriftentext, also Überschrift 1, Überschrift 2 und davor
ist natürlich immer die Ebene, also H2, H2, H3, H3, H2 und ich muss jetzt immer diesem
öffnenden Tag eine ID zuweisen und das funktioniert wie folgt.
Ich schreibe hier einfach id ist gleich und jetzt zum Beispiel Thema 1.
Verwenden Sie hier keine Umlaute, sondern idealerweise einfach a bis z, vielleicht ein
Windestrich und ein paar Zahlen und denken Sie daran, dass Sie die Anführungszeichen
am Ende nicht vergessen, sonst schaut das Ganze sehr schnell unschön aus.
Dann auch hier id zum Beispiel Thema 2.
Dann mache ich das hier weiter, id unter Thema 1 und so weiter.
Natürlich heißt es bei Ihnen dann nicht unter Thema 1 und unter Thema 2, sondern zum Beispiel
wenn es um die Registrierung geht, id ist gleich Registrierung.
Wenn ich das erledigt habe, kann ich jetzt hergehen und hier oben die Wörter in meinem
Inhaltsverzeichnis markieren und jetzt klicke ich auf das Linkfeld, also ich bin immer noch
im Textmodus, klicke jetzt auf Link und dann hier oben im URLfeld muss ich jetzt eingeben
ein Hashtag und zum Beispiel Thema 1.
Wenn ich das jetzt mache und diesen Link hinzufüge, dann habe ich eine Sprungmarke zu diesem Thema
erstellt.
Ich wiederhole das auch für die anderen Punkte mal eben, also hier Link setzen, Hashtag Thema
2, Link hinzufügen.
Auch bei den Unterthemen funktioniert das, markieren, Link setzen, Raute, dann eben zum
Beispiel unter Thema 1 setzen.
Vergessen Sie die Raute nicht, ansonsten wird das nämlich ein toter Link, also ein Link
zu einer Seite, die gar nicht existiert.
Und mein Tipp, wenn Sie das fertig gesetzt haben, dann testen Sie es am besten noch einmal,
nicht dass die verschiedenen Links zum Beispiel gar nicht funktionieren.
Und auch bei der Überschrift 3 setze ich eben einen Link, Hashtag Thema 3 und wenn
ich das eben hinzugefügt habe und einmal aktualisiere, dann habe ich jetzt ein Inhaltsverzeichnis
zu diesen unterschiedlichen Punkten.
Wenn mir das übrigens nicht gefällt, mit zum Beispiel einer Aufzählung wie hier,
dann kann ich immer noch zurückgehen und alle OL durch UL ersetzen.
Also hier, UL, hier ist ein OL, was dann zu einem UL werden muss und das funktioniert
auch genauso hier und hier.
Wenn ich das mache und aktualisiere, dann erhalte ich jetzt eine unnummerierte Liste
für mein Inhaltsverzeichnis.
Das ist also die Möglichkeit hier schon mal ein Inhaltsverzeichnis zu liefern und wenn
der Nutzer dann draufklickt, landet er auf den verschiedenen Punkten.
Das ist natürlich schon ein bisschen fortgeschrittener Technik, aber das ist nochmal natürlich ein
super Trick, wenn Sie da vielleicht dann einfach nochmal auf der Inhaltsseite selbst verlinken
möchten.
Nächster Tipp.
Der nächste Tipp ist, dass Sie lange Absätze einfach mal ein bisschen unterteilen weiter.
Also ich gehe mal wieder in den visuellen Editor und schaue mir das jetzt hier einmal
an.
Jetzt habe ich hier sehr viele Sätze aneinander gereiht.
Im Web ist es allerdings besser, wenn Sie nach allen 2-3 Sätzen einfach mal einen Umbruch
einfügen.
Natürlich sollte der Umbruch auch ein bisschen Sinn machen, einfach damit der Nutzer das
schneller überblicken kann.
Denn viele Nutzer lesen leider gar nicht mehr den kompletten Text, sondern die durchforsten
das, überfliegen das nur noch die Seite.
Das heißt, nehmen Sie sich hier einen Moment Zeit und machen Sie nach allen 2-3 Sätzen,
wenn es Sinn macht, einfach einen Umbruch, um den Text etwas aufzulockern, sage ich mal.
Und wenn Sie das gemacht haben, dann sieht das Ganze etwas anders aus, und zwar wie folgt.
Der Text ist also schon etwas web geeigneter als zuvor.
Jetzt kann man hergehen und das weiter verbessern, indem man wichtige Absätze, wichtige Abschnitte,
sage ich mal, also das sollten keine ganzen Paragrafen sein, die sich hier fetten, aber
wichtige Wörter, zum Beispiel wenn es um Immatrikulation geht oder wie immatrikuliere
ich mich, dann markiere ich es, fette es und ich aktualisiere es.
Und wenn ich mir das jetzt anschaue, dann fällt das auch schneller ans Auge.
Man hat auch die Möglichkeit intern zu verlinken, hierfür muss ich auch wieder gleich den Tipp
geben, wenn Sie verlinken, wechseln Sie am besten in den Textmodus, denn der visuelle
Modus zickt wohl ein bisschen bei dieser Funktion, zumindest bei mir.
Wenn ich also im Textmodus unterwegs bin und ich weiß, ich habe jetzt zum Beispiel
für Idee gehabt oder für Kollegen dieselbe Idee gehabt, für diesen Abschnitt eine passende
Inhaltsseite auf meiner Webseite, dann verlinke ich die.
Und zwar funktioniert das über Link und wenn ich hier drauf klicke, dann kann ich untersuchen,
einfach zum Beispiel eingeben, keine Ahnung, Inhalte und ich bekomme eine passende Inhaltsseite
vorgeschlagen.
Und wenn ich die dann eben als Link hinzufüge, dann wird sie intern verlinkt, das heißt,
Nutzer haben dann die Möglichkeit dieses Wort, diese Phrase anzuklicken und die landen dann
auf ihrer Internetseite an der passenden Stelle, also wenn man hier jetzt draufklickt, dann
landet man automatisch auf der entsprechenden Inhaltsseite.
Nutzen Sie also die Chance Überschriften zu verwenden, lockern Sie Ihren Text auf,
fetten Sie die eine oder andere Stelle und setzen Sie interne Links, das verbessert auch
Ihr SEO-Ranking schon ein bisschen.
Jetzt gibt es noch eine Reihe weiterer Gestaltungselemente, die man verwenden kann, und zwar im elements
Plugin selbst.
Und zwar gibt es hier zum Beispiel die Funktion, die ich ganz gerne nutze alerts Einzufügen,
Hinweisboxen.
So eine Hinweisbox gibt es in unterschiedlichen Farben, mehr finden Sie auf dieser Anleitungsseite.
Das heißt unter plugins, elements und dann eben alerts, Hinweisboxen.
Ich verwende immer gerne die Standard-Methode, das ist einfach Alert und den kann ich dann
hier zum Beispiel am Anfang von so einem Abschnitt einfügen, wenn ich zum Beispiel
was zu diesem Abschnitt noch, was wichtiges hinzufügen möchte.
Verwende hier wieder den Textmodus, damit mir keine ungewünschten Elemente mit hinein
rutschen.
Sie merken also schon, der Textmodus kommt bei mir häufig zum Einsatz.
Wenn ich das einmal aktualisiere, dann sehe ich, dass jetzt dieser Abschnitt hier oben
dann blau hinterlegt ist.
Und ich finde, dass es eine dezentere Methode ist, um einfach nochmal das Augenmerk auf
eine bestimmte Phrase, auf einen wichtigen Absatz zu lenken.
Es gibt natürlich auch noch andere Funktionen, die ich nur mal im Kurzen überfliege.
Und zwar haben sie einmal die Möglichkeit einen Einschub zu setzen und den auch zu kombinieren.
Was meine ich mit kombinieren?
Wenn Sie zum Beispiel hier so ein Pull Left einfügen, das mache ich einfach mal, bei
meinem Thema 2 zum Beispiel, vielleicht ist das ein Thema, wo man auch einen Ansprechpartner
hat, dann könnte ich hier ein Pull Left schreiben.
Und statt einem Text zwischen diesem Einschub kann ich auch einen anderen Shortcode verwenden.
Zum Beispiel, wenn man das Personenplugin aktiv hat, dann findet man hier ein Kontaktinformationfenster,
das ist manchmal weiter unten auf der Seite, also es kann auch woanders positioniert sein.
Und diese Kontaktinformationen, die geben Ihnen die Möglichkeit, hier dann ein Shortcode
zu generieren.
Wenn dieser Shortcode hier bei Ihnen nicht angezeigt wird, dann muss man erst einmal
durchklickern, damit man den vorgeschlagen bekommt.
Und den kann ich jetzt hier zwischen diesen zwei Pull Lefts einfügen, also dem öffnenden
und schließenden Shortcode.
Und ich könnte jetzt zum Beispiel hergehen und sagen, ich möchte, dass die Darstellung
als Karte, also Format ist gleich Card.
Und wenn ich das jetzt aktualisiere und mir jetzt anschaue, dann erhalte ich diesen Texteinzug,
diesen Texteinschub zum Beispiel mit diesem Shortcode innen drin.
Also mit dieser Ansprechpartnerin, vielleicht mit der Autorin oder mit der Person, um die
es in diesem Text dann zum Beispiel geht.
Was für Funktionen gibt es noch, die ich ganz spannend finde?
Es gibt natürlich auch die Möglichkeit, so kleine Icon-Boxen zu gestalten.
Die sind aktuell allerdings auf ein paar wenige Icons limitiert.
Kann aber ganz praktisch sein, ganz nett sein.
Zum Beispiel, wenn Sie eine Frage haben, dann gibt es hier dieses Fragezeichen.
Notice Question könnte man dafür hernehmen.
Und wenn man das dann hier in diesem Text zum Beispiel einfügt und dann vielleicht hier
zum Beispiel noch diesen Shortcode erweitert um einen Titel, Fragestellung und dann ein
H Start, um zu sagen, das ist jetzt eine H4, dann kommt hier der Fragen, der Denktext hin,
sag ich mal, der Text zum Nachdenken.
Wenn ich das aktualisiere und mir wieder anschaue, dann erhalte ich eben eine Inhaltsseite, die
dann an der entsprechenden Stelle noch so eine Frage darstellt.
Muss ich mal nachschauen.
Da läuft natürlich jetzt nicht alles, wie es laufen soll.
Ich habe hier bei H Start aus Versehen H4 geschrieben, es müsste aber einfach eine 4
sein.
Wenn ich das mal aktualisiere, also eine Überschrift Ebene 4 erstelle ich dadurch, dann sollte
das auch dick dargestellt sein.
Das heißt, wir haben hier schon unterschiedliche Möglichkeiten.
Ich halte es meistens eher einfach bei meinen Anleitungsseiten.
Also was heißt mit einfach?
Damit meine ich, dass wenn Sie jetzt im Text sind, dann gehen Sie am besten in den visuellen
Editor und verwenden erstmal die Funktionen, die Sie hier haben.
Und damit meine ich, Listen, Betten von Texten, Zitate, vielleicht auch ein Trennzeichen.
Wie macht man einen Trenner, das zeige ich vielleicht noch kurz.
Und zwar geht man hier für einen Textmodus und schreibt einfach Spitze Klammer auf, HR,
Spitze Klammer zu, klickt auf Aktualisieren und jetzt hat man an der Stelle einen Trennbalken.
Der ist jetzt hier ein bisschen ungünstig, weil darüber genau dieser Einschub ist, aber
von der Theorie her mit HR kann man das setzen.
Also um nochmal zusammenzufassen, was haben Sie jetzt heute alles gelernt?
Erstmal Sie haben gelernt oder vielleicht gesehen, falls Sie es nicht schon wussten,
dass man die Bilder einfach in den Editor ziehen kann, das hilft Ihnen schon mal ungemein.
Dann haben Sie gelernt, dass Sie Inhaltsverzeichnisse setzen können.
Sie können Überschriften verwenden, die Absätze etwas auflockern, um den Text leichter lesbar
zu machen.
Verwenden Sie Seitentemplates, um den Text einfach, damit der Text nicht in die endlose
Breite quasi weiter läuft, sage ich mal.
Verwenden Sie Ansprechpartner in der Sidebar zum Beispiel, das schiebt den Text auch nochmal
näher zusammen.
Benutzen Sie Fettentext, interne Links und vielleicht auch die Möglichkeit beim Elements
Plugin die ein oder andere Funktion zu nutzen.
Sie könnten zum Beispiel auch eine Zeitleiste in Ihren Inhalt reinpacken, wenn Sie gerade
sowieso etwas vom zeitlichen Horizont her auflisten.
An dieser Stelle war es das mal wieder mit dem Tipp der Woche.
Wie immer der Hinweis, wenn Sie Fragen haben, wenn Sie Vorschläge haben oder vielleicht
auch Tipps oder Ideen für die Anleitungsseiten haben, dann schicken Sie uns einfach gerne
eine Mail.
Ich freue mich wirklich immer über Feedback und ich stehe Ihnen auch gerne zur Verfügung,
wenn Sie meine Frage zu Ihren Inhaltseiten haben oder nicht mehr weiter wissen, wenn
Sie vielleicht auch keine Lösung finden auf unseren Anleitungsseiten.
Vertrauen Sie sich, schreiben Sie uns eine Mail und ich melde mich dann gerne bei Ihnen.