Überschriften und Schriftgrößen für die Iconbar
Mit verschiedene Schriftgrößen und Überschriften können Sie, bei längeren Beiträgen, mehr Struktur reinbringen und wichtiges hervorheben.
Mit dem folgenden HTML-Code können Sie in der Iconbar verschiedene Schriftgrößen anbieten, den Code müssen Sie als „HTML-Baustein“ hinzufügen (Adminbereich unter „Layout“ → „Iconbar“ → „Neue Icons hinzufügen“ → „HTML“).
2
3
4
5
6
7
8
9
10
11
12
13
14
<select name="fontsize" size="1" onChange="if(options[selectedIndex].value){ xob_insert(options[selectedIndex].value,'[/style]');}; this.form.fontsize.options[0].selected = true;">
<option selected>Schriftgröße</option>
<option value="[style=font-size:4pt]" title="4pt">4pt</option>
<option value="[style=font-size:7pt]" title="7pt">7pt</option>
<option value="[style=font-size:10pt]" title="10pt">10pt</option>
<option value="[style=font-size:11pt]" title="11pt">11pt</option>
<option value="[style=font-size:12pt]" title="12pt">12pt</option>
<option value="[style=font-size:14pt]" title="14pt">14pt</option>
<option value="[style=font-size:16pt]" title="16pt">16pt</option>
<option value="[style=font-size:18pt]" title="18pt">18pt</option>
<option value="[style=font-size:24pt]" title="24pt">24pt</option>
<option value="[style=font-size:28pt]" title="28pt">28pt</option>
<option value="[style=font-size:32pt]" title="32pt">32pt</option>
</select>
Mit den verschiedenen Schriftgrößen können Sie selbstverständlich auch Überschriften hervorheben, allerdings ist es sinnvoller bei den Überschriften die sogenannten „Heading Tags“ zu nutzen. Die „Heading Tags“ haben für die Suchmaschinenoptimierung eine ganz besondere Bedeutung und werden von Suchmaschinen-Bots als Überschrift wahrgenommen und priorisiert.
Mit dem folgendem Code können Sie 4 unterschiedliche „Heading Tags“ für die Iconbar ermöglichen (HTML-Baustein):
2
3
4
5
6
7
<select name="fontsize" size="1" onChange="if(options[selectedIndex].value){ xob_insert(options[selectedIndex].value,options[selectedIndex].value.replace('[','[/'));}; this.form.fontsize.options[0].selected = true;">
<option selected>Überschrifft</option>
<option value="[H1]" title="Überschrifft 1">Überschrifft 1</option>
<option value="[H2]" title="Überschrifft 2">Überschrifft 2</option>
<option value="[H3]" title="Überschrifft 3">Überschrifft 3</option>
<option value="[H4]" title="Überschrifft 4">Überschrifft 4</option>
</select>
Hier noch paar SEO-Tipps zu den Überschriften Tags:
- Verwende die Hauptüberschrift (H1) nur einmal pro Seite.
- Kleinere Überschriften (H2-H4) sollten erst nach der Hauptüberschrift folgen.
- Versuchen Sie relevante Keywords (Schlüsselwörter mit denen Ihre Seite gefunden werden soll) in die Überschriften einzubauen.
Die Gestaltung der „Heading Tags“ ist nur mit CSS-Codes möglich (Adminbereich > Layout > Farben & Einstellungen > CSS).
2
3
4
5
Beispiel:
h1 {
font-size: 25px;
font-weight: bold;
}
Login
Activity Feed
Wer ist Online?
4 Mitglieder und 84 Gäste sind OnlineBesucher Statistiken
balea, BeaBielecki, Benjaminbe, Franz-Jupp, Gabriella, Ingmar, Johannes, kacz, m3ontour, Mike48, Schreibforum
Besucherrekord
1274 Benutzer gleichzeitig online (11.10.2019 18:19)
Besucherzähler
Heute waren 512 Gäste und 11 Mitglieder, gestern 688 Gäste und 23 Mitglieder online.
Statistiken
Themen | 41678 |
Beiträge | 304908 |
Mitglieder | 12.453 |
Forum empfehlen