Conterest ツ

Clever Bloggen

  • Blogtipps
  • Blogstart
    • Anleitung in 18 Schritten
    • Blog schreiben für Einsteiger
  • Blogtraffic
  • Gratisbuch
  • Archiv
    • Liste absolut aller Blogbeiträge
  • 1001 Gründe
    • Warum es gut und richtig ist ein Blogger zu sein

Seitentitel, ⓉⒾⓉⓁⒺ, ALT und Überschrift ☇ Was benutze ich wann?

Erschienen 22.11.2016 | von Sven E. Lennartz |

  • merken  4 
  • teilen  
  • twittern  
  • teilen 

Seitentitel, Title, ALT und Überschrift - Was benutze ich wann?

Bei Seitentitel und Überschrift geht es schon mal drunter und drüber. Was genau ist eigentlich der Title und was ist die Headline? Und wozu brauche ich einen Tag?

Apropos ... kennst du schon mein Buch?

Bildungssprache Buch CoverNEU! Wörter der Bildungssprache und was sie bedeuten. Hier ist das praktische Handbuch schlauer Wörter. Über 500 Begriffe aus der Bildungssprache, erläutert und mit Beispielen für den praktischen Einsatz oder mit Zitaten versehen. Texte besser verstehen und schlauer schreiben. Mehr erfahren

Das ist auch für dein Blog wichtig. Wenn du nicht sicher bist, erkläre ich es dir hier. Zugegeben, es wird ein wenig technisch. Denn es ist HTML im Spiel. Aber keine Sorge, einmal verstanden, stellt sich alles völlig logisch dar.

Inhaltsverzeichnis

  • Seitentitel – Der <title>-Tag
  • Überschriften, Headlines und Schlagzeilen
  • URLs
  • Beitragsbilder
  • ALT-Attribut
  • Title-Attribut – Kein Seitentitel

Seitentitel – Der <title>-Tag

Das Wichigste für Google und Anverwandte ist der <title>-Tag. Eine Meta-Angabe, die im Quelltext vorkommt und die der Browser als Beschriftung der Tabs (Reiter) des Browsers nutzt. Meist sieht man deshalb nur die Hälfte davon, denn der Platz in den meisten Browsern ist begrenzt.

seitentitel

Oben: <title>-Tag in Aktion, und zwar in den Reitern des Firefox Browsers

Für die Suchmaschine ist er ein immens wichtiges Rankingkriterium. Zudem wird er in den Suchergebnissen (den so genannten SERPs) angezeigt. Weil der Platz auch bei Google begrenzt ist, werden <title>-Tags länger als 70 Zeichen (das ist ein ungefährer Wert, da Google tatsächlich Pixel berechnet) nicht mehr vollständig angezeigt. Das kann man berücksichtigen. Oben in den Reitern des Browsers ist noch viel weniger Platz. Für einen aussagekräftigen Titel ist dort kaum Platz.

Im Quellcode:

<title>Seitentitel und Überschriften für Blogs technisch betrachtet</title>

Es bedeutet aber nicht, dass man deshalb seine Überschriften anders texten MUSS, wie man es häufig lesen kann. Wenn dir Google nicht wichtig ist, dann kannst du es machen, wie du willst. Dein Posting kommt deshalb weder auf die Eselsbank, noch wird er invalide oder vom Index ausgeschlossen.

Googles Bedürfnisse sind eben kein Gesetz. Es ärgert mich, wenn Leute das so hinstellen. Dein Text wäre lediglich in dieser einen Hinsicht unoptimiert. Mehr ist es nicht. Das kann man schon mal aushalten, finde ich.

Überschriften, Headlines und Schlagzeilen

Überschriften oder Headlines sind etwas völlig anderes. Eigentlich. Überschriften sind keine Metadaten, sondern strukturieren ein Dokument (weshalb es eine Hierarchie und mehrere verschiedenen Überschriften gibt). Die Überschriften richten sich an deine Leser. Das macht sie so wichtig. Überschriften und <title>-Tag können identisch sein, müssen es aber nicht.

Wordpress erzeugt aus deiner Überschrift, also aus dem, was du oben in die erste Zeile über dein Posting schreibst automatisch auch einen identischen <title>-Tag. Anders macht er es nicht. Aber es gibt ja Plugins, mit deren Hilfe du präziser arbeiten kannst.

Überschrift

Überschrift und URL unter Wordpress

Worauf ich hinauswill, deine Überschrift muss sich nicht an die „70 oder sonstwas Zeichen“-Wünsche einer Suchmaschine halten. Du kannst sehr wohl drastisch kürzer als auch ausufernd lang texten. Das ist deine Sache. Natürlich sind die Überschriften auch für das Ranking wichtig. Wenn man denn eines anstrebt. Die Länge spielt aber keine Rolle, anders als beim Title-Tag.

H1 Überschriften mit dem Wordpress Editor attraktiv gestalten

Überschriften heißen in HTML H (von Headline). Ganze 6 davon sind vorgesehen. Damit lässt sich ein Dokument hierarchisch strukturieren. H1 ist die Oberüberschrift, die oberste Headline, die Schlagzeile. Es ist die Zeile, mit der du in Wordpress dein Posting beginnst. Und in vielen anderen Systemen wahrscheinlich auch.

Im Quellcode:

<h1>Meine oberste Headline</h1>
<h2>Meine zweite Headline</h2>
...

Wenn du weitere Gliederungen brauchst, kannst du mit mehreren H2 Überschriften weitermachen. Und diese Blöcke mit H3 Überschriften weiter unterteilen. Das ist logisch und korrekt (semantisch ). Wie die Überschriften aussehen bestimmen das Stylesheet und die Vorgaben deines Themes, die du verändern kannst.

Damit sind wir aber noch nicht am Ende.

URLs

Auch um die URLs muss sich zumindest der Wordpress Nutzer nicht kümmern. Er kann aber Einfluss nehmen. Die URL oder wie sie Wordpress nennt, der Permalink, werden automatisch aus der H1 Überschrift erzeugt. Dabei übersetzt Wordpress deutsche Umlaute und die meisten Sonderzeichen und wandelt zusätzlich alles in Kleinschreibung um. Das ist praktisch.

permalink

Die URL ist eine einmalige Dateibezeichnung, damit jedes Dokument, jede Datei im WWW gefunden werden kann. Die Bezeichnung steht im Übrigen für Uniform Resource Locator. Denn jede gibt es nur einmal. Diese URLs halten das Web zusammen. Der Besucher sieht sie in der Adressleiste des Browsers. Für die Weitergabe werden heute oft Kurz-URLs nach dem Motto wp.me/ghe2z verwendet, die die wahre Adresse verschleiern. Aber das spielt an dieser Stelle keine Rolle.

Eine anmutige Gestaltung ist nicht erforderlich. URLs sollen für Maschinen lesbar und praktisch sein. Sie sollten aus SEO-Gründen das Keyword enthalten. Füllwörter und Überflüssiges streichst du heraus.

Beitragsbilder

Es geht noch anders, nämlich mit dem Beitragsbild. Die machen einen Beitrag optisch attraktiv und stellen gleichzeitig den Titel besonders heraus.

Ich spreche von einer textlichen Beschreibung deines Artikels. Das kann die Headline sein, oder der Title, oder aber etwas völlig anderes. Das bleibt dir überlassen. Und genau darauf kommt es an. Du hast eben nicht nur eine Möglichkeit, Dir steht eine Palette zur Verfügung. Je nachdem, was du wem gegenüber aussagen willst.

Wie du wirkungsvolle Beitragsbilder erstellst

Noch kann Google Schrift in Bildern nicht zuverlässig erkennen. Gerüchte sagen, man arbeite daran. Das Beitragsbild könnte ein Stockfoto sein, dann enthält es keinen Text. Doch ein gutes Beitragsbild bietet mehr. An dieser Stelle kannst du deinen Lesern eine weitere Facette präsentieren.

Im Quellcode:

<img src="https://conterest.de/wp-content/uploads/seitentitel.jpg">

Hier bei Conterest setzte ich auf der Startseite keine Headlines mehr ein. Auch keine Teaser. Dafür bekommt das Beitragsbild alle Aufmerksamkeit. Es ist zentral und wichtig. Klar nutzt ich auch die Attribute ALT und TITLE.

Hat das einen negativen Einfluss aufs Ranking der Startseite? Keine Ahnung, die Seite ist nämlich ohnehin kaum gefragt. Da habe ich sie mir einfach so umgebaut, wie sie mit gefiel.

Startseiten haben vielerorts ihre einstige Bedeutung verloren. Was schade ist, denn die Startseite ist wie eine Eingangshalle oder ein Flur. Dort empfängt man die Besucher. Aber eben nicht mehr im WWW, die Leute sickern von überall her ein. Ich komme weiter unten noch einmal darauf zurück.

ALT-Attribut

Wer <ALT>-Tag sagt, der sagt wahrscheinlich auch der Blog. ALT ist ein Attribut, es definiert den Tag näher. Eigentlich ist es der Alternativtext, daher die Bezeichnung. Alternativ zu was? Zum Bild natürlich. Kann es nicht angezeigt werden, kommt die Alternative zum Einsatz. Früher gab es Browser, die Bilder nicht anzeigen konnten, kein Witz, dann sah man den eben ALT-Text. Das spielt heute immer noch eine Rolle. Allerdings in geänderter Form.

wordpress-alt

Wie es unter Wordpress aussieht, zeigt die Abbildung oben. Jederzeit für dich zu erreichen, indem du ein Bild anklickst und auf das Stift-Symbol klickst.

menue

Screenreader für Blinde lesen den ALT-Text stimmlich vor. DAS ist dann die Überschrift. Egal, was das Beitragsbild zeigt oder die Überschrift weismachen will. Auch Suchmaschinen interessieren sich für das <ALT>-Attribut und beziehen es in das Ranking ein. Es lohnt sich also mehrfach davon Gebrauch zu machen.

Im Quellcode als Teil des IMG-Tags:

alt="Überschriften"

Title-Attribut – Kein Seitentitel

Um die fiese Verwirrung komplett zu machen: Neben dem Title-Tag gibt es auch ein Title-Attribut. Wirklich! Aber es gibt kein <ALT>-Tag. Sei so gut und präge dir das ein.

Das Title-Attribut beschreibt ein Bild näher. Angezeigt wird es, wenn die Maus auf einer Abbildung zu liegen kommt. Auch das hat einen winzigen Einfluss aufs Ranking, sagt man, und kann von dir kreativ verwendet werden.

Im Quellcode als Teil eines Links oder eines Bildes:

title="Überschriften Bild und andere Finessen"

Ales zusammen im Quellcode:

<img src="https://conterest.de/wp-content/uploads/seitentitel.jpg" 
alt="Überschriften" title="Überschriften Bild und andere Finesse">

Genau so schauts aus: Seitentitel ist nicht gleich Titel und schon gar nicht Überschrift. Dir stehen verschiedene Möglichkeiten für unterschiedliche Fälle zur Verfügung. Tatsächlich sind es 6. Und die müssen sich keineswegs gleichen. Jedes Teil braucht eine individuelle Lösung.

Kategorie: Blogstart | ** Blogarchiv

Mehr zum Thema

  • Wo finde ich was als Blogger? Hier ist deine gelbe Seite 🌟
  • Bloggen ist meine Welt! Bloggen ist …
  • Bloggen für Anfänger – 27 wichtige Begriffe erklärt
  • Wie du einen guten Domainnamen findest
  • Wie oft soll ich Bloggen?
  • Blog starten: Tipps für die ersten Schritte 👣
  • Was ist der Unterschied zwischen einem Blog und einem online Magazin?
  • Das Geheimnis großartiger Blog Footer — Am Ende nur noch Leichtigkeit
  • Was ist eigentlich eine Blog Nische?
  • Besser Bloggen (Tipp Nr. 7) Biete deinen Lesern ein paar Extras
  • So profitierst du von Blogparaden
  • So postest du richtig ❂ Die Checkliste für erfolgreiche Blogger

Conterest ist als Projekt beeendet, bleibt aber online

Aus diesem Grund gibt es keine Kommentare mehr. Danke an alle für das Lesen! Ich habe mich in der Zwischenzeit als Schriftsteller Lenny Löwenstern neu erfunden. In der übrigen Zeit kümmere ich mich um schöne und alte Wörter.

 

Die Themen

  • Bloggen
  • Blogstart
  • Blogtraffic
  • Pinterest
  • Schreiben
  • Schrift & Grafik
  • Wordpress

Blogtipps

  • 40 deutschsprachige Artikel, die dein Blog unwiderstehlich erfolgreicher machen
  • Einen Tag lang Kommentare schreiben — Die Conterest Comments Challenge
  • Bittere Bloggerwahrheiten (Nr. 5) Toll Schreiben können, reicht nicht. Im Blog zählt was anderes
  • 18 Quellen, die dich im Handumdrehen die besten Schriftarten und Fonts kostenlos finden lassen
  • Werden wir bald alle auf Englisch bloggen (müssen)?
  • Shadowbanning – Was ist das?
  • 14 Anzeichen dafür, dass du als Blogger am Ende bist
  • Blogminimalismus: Einfach nur Bloggen – und sonst gar nichts
  • Wie du mit selbstgedruckten Büchern und Plakaten Geld mit deinem Blog verdienst
  • Mehrere Blogs zur gleichen Zeit machen einen langsamer

Favoriten der Redaktion

  • Gastbloggen Gratis Badges
  • Langzeitmotivation
  • Von Links profitieren
  • Wieso Bloggen?
  • Warum Blogger SEO brauchen
  • Was du mit 100€ fürs Blog tun kannst

Beliebt

  • Blog schreiben für Einsteiger
  • 23 Zitate von Bloggern
  • Tricks mit Text
  • Schnelleinstieg mit WordPress

Empfehlungen

  • Der perfekte Blog Post
  • Lexikon Bloggersprache
  • Beitragsbilder erstellen
  • Ideen finden

Auch interessant

  • Mein Blogger Kodex
  • Ist eine Sidebar nötig?
  • Alltag der Vollzeitblogger
  • Logo selbst machen

conterest.de · Das Blog für Blogger von Sven Lennartz · 2015 - 2018 · Datenschutz · Impressum