Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Einfaches Hinzufügen von Titelattributen zu Bildern in WordPress

Hinweis der Redaktion: Wir erhalten eine Provision für Partnerlinks auf WPBeginner. Die Provisionen haben keinen Einfluss auf die Meinung oder Bewertung unserer Redakteure. Erfahre mehr über Redaktioneller Prozess.

Möchten Sie das Titelattribut zu Bildern in WordPress hinzufügen?

Mit dem Attribut title können Sie zusätzliche Informationen zu jedem Bild angeben. Dies hilft Bildschirmlesern und Suchmaschinen zu verstehen, worum es in dem Bild geht, was für die Barrierefreiheit und die Suchmaschinenoptimierung von Vorteil ist.

In diesem Artikel zeigen wir Ihnen, wie Sie in WordPress ganz einfach Titelattribute zu Bildern hinzufügen können.

Adding the title attribute to images in WordPress

Was ist das Attribut Titel in Bildern?

Webcrawler, Bots und Bildschirmlesegeräte können Ihre Bilder nicht wirklich sehen. Stattdessen sehen sie HTML wie:

<img src="/path/to/image/fruits.jpg" width="100" height="100" />

In den meisten Fällen hilft dieser Code den Zugänglichkeitswerkzeugen und Suchmaschinen nicht, den Inhalt des Bildes zu verstehen.

Deshalb empfehlen wir, Ihre Bilder mit einem Titel-Tag zu versehen. Zum Beispiel:

<img src="/path/to/image/fruits.jpg" width="100" height="100" alt="A fruit basket" title="Fruit Basket" />

Ein hilfreicher, relevanter Titel-Tag hilft Suchmaschinen wie Google dabei, Ihre Bilder korrekt zu indizieren und sie denjenigen zu zeigen, die nach ähnlichen Inhalten wie den Ihren suchen. Dies kann Ihre Bild-SEO verbessern und den Traffic in Ihrem Blog erhöhen.

Hilfsmittel für die Barrierefreiheit, wie z. B. Bildschirmlesegeräte, lesen den Titel auch laut vor, was für Besucher, die Probleme mit dem Sehen haben, hilfreich ist.

Sie können auch ein alternatives Tag-Attribut hinzufügen, das Ihre WordPress-Website anzeigt, wenn sie das eigentliche Bild nicht anzeigen kann, z. B. aufgrund eines WordPress-Fehlers.

Broken image path

Sehen wir uns also an, wie Sie Bilder in Ihrem WordPress-Blog oder Ihrer Website mit Titelattributen versehen können. Verwenden Sie einfach die unten stehenden Links, um zu der gewünschten Methode zu gelangen:

Methode 1: Hinzufügen von Titelattributen zu Bildern mit dem Blockeditor

Sie können im WordPress-Inhaltseditor ganz einfach Alt-Text und Titelattribute zu jedem Bild hinzufügen. Gehen Sie einfach auf Beiträge “ Neu hinzufügen und erstellen Sie einen Beitrag.

Klicken Sie dann auf das „+“-Symbol und wählen Sie den Bildblock, um dem Beitrag oder der Seite ein Bild hinzuzufügen.

Add image block

Sie können nun entweder ein Bild aus der Mediathek auswählen oder ein Bild von Ihrem Computer hochladen. Egal, welche Option Sie wählen, stellen Sie sicher, dass Sie auf das Bild in der Mediathek klicken, um es auszuwählen.

Sie können nun alternativen Text hinzufügen, indem Sie ihn in das Feld „Titel“ eingeben.

Adding a title to an image in WordPress

Es gibt auch ein Feld „Titel“, aber dies ist der Titel, den WordPress intern verwendet, um Mediendateien in der Mediathek zu identifizieren. Weitere Informationen zu diesem Thema finden Sie in unserem Leitfaden zu Bild-Alt-Text vs. Bildtitel in WordPress – was ist der Unterschied?

Um ein HTML-Attribut für den Bildtitel hinzuzufügen, müssen Sie das Bild wie gewohnt zu Ihrer Seite oder Ihrem Beitrag hinzufügen. Erweitern Sie dann den Abschnitt „Erweitert“ im Menü auf der rechten Seite.

The 'Advanced' image settings in the WordPress page and post editor

Dieses hat ein Feld „Titelattribut“, das das echte HTML-Bildtitelattribut ist.

Geben Sie einfach die gewünschten Informationen in das Feld ein.

Adding a title attribute to images in WordPress

Sie können nun auf „Aktualisieren“ oder „Veröffentlichen“ klicken, um Ihre Änderungen wirksam werden zu lassen.

Wenn Sie nun mit der Maus über das Bild fahren, erscheint ein Popup-Fenster mit Ihrem Titel-Tag.

An example of an image with a title attribute in WordPress

Methode 2: Hinzufügen von Titelattributen zu Bildern mit dem WordPress Classic Editor

Wenn Sie den älteren klassischen Editor verwenden, ist das Verfahren zum Hinzufügen eines Titelattributs etwas anders. Klicken Sie im klassischen Editor auf die Schaltfläche „Medien hinzufügen“ und wählen Sie Ihr Bild aus.

Add image classic editor

Laden Sie nun entweder ein neues Bild hoch oder wählen Sie ein Bild aus der Mediathek. In den Feldern auf der rechten Seite der Mediathek können Sie dann den Alt-Text und einen Titel hinzufügen.

Auch hier ist zu beachten, dass „Title“ intern von WordPress verwendet wird und nicht das eigentliche Bildtitel-Attribut ist, das SEO und Zugänglichkeit verbessern kann.

Select image classic editor

Wenn Sie fertig sind, klicken Sie auf die Schaltfläche „In Beitrag einfügen“.

Wählen Sie dort Ihr Bild aus und klicken Sie dann auf das kleine Bleistiftsymbol. Daraufhin wird das Popup-Fenster „Bilddetails“ angezeigt.

Klicken Sie einfach auf den Abschnitt „Erweiterte Optionen“ und geben Sie dann den Titel-Tag in das Feld „Bildtitel-Attribut“ ein.

Image title attribute field

Vergessen Sie nicht, auf die Schaltfläche „Aktualisieren“ zu klicken, um Ihre Änderungen zu speichern.

Jetzt können Sie die Seite oder den Beitrag veröffentlichen, um den Alt-Text und den Titel-Tag des Bildes zu aktivieren.

Image title attribute popup

Bonus-Tipps zur Steigerung der Bild-SEO

Sobald Sie Ihre Bilder in die Mediathek hochgeladen haben, ist es an der Zeit, sie für Suchmaschinen zu optimieren. Dadurch wird es für Google einfacher, Ihre Bilder zu indizieren und sie höher zu platzieren.

Dazu müssen Sie darauf achten, relevante Schlüsselwörter in die Bildunterschriften, den Titel und die Alt-Text-Attribute einzufügen.

Add relevant keywords in the caption, title, and alt text

Sie können auch All in One SEO für WordPress verwenden, das beste SEO-Plugin auf dem Markt.

Es wird mit einem erstaunlichen Bild-SEO-Addon geliefert, das automatisch Ihren Alt-Text, Bildtitel, Beschriftungen und mehr einstellt. Es fügt auch eine korrekte Bild-Sitemap hinzu, um Ihr SEO-Ranking zu verbessern.

All in One SEO

Außerdem können Sie mit dem Plugin Anhangsseiten deaktivieren. Diese Seiten zeigen nur eine größere Version des eigentlichen Bildes und sonst nichts, was sich negativ auf Ihre SEO auswirkt.

Um die Anhangsseiten zu deaktivieren, besuchen Sie die Seite All in One SEO “ Search Appearance und wechseln Sie zur Registerkarte ‚Image SEO‘. Stellen Sie hier sicher, dass die Option „Anhang-URLs umleiten“ auf „Anhang“ eingestellt ist.

Disable attachment pages

Jetzt werden die Seiten mit den Anhängen auf die Bilder selbst umgeleitet.

Darüber hinaus können Sie auch beschreibenden Text für Bilddateien verwenden, Bilder komprimieren und Backlinks hinzufügen, um die Rankings zu verbessern. Weitere Tipps und Tricks finden Sie in unserem Leitfaden für Einsteiger zur Bild-SEO.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, das Titelattribut zu Bildern in WordPress einfach hinzuzufügen. Vielleicht möchten Sie auch einen Blick auf unseren ultimativen Leitfaden werfen, wie Sie die Geschwindigkeit und Leistung von WordPress steigern können, und auf unsere Expertenauswahl der besten Plugins zur Bildkomprimierung.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

15 KommentareEine Antwort hinterlassen

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

    • WPBeginner Support says

      If you mean the featured image then that would read the title set for the image from your media library.

      Admin

  2. Roshni says

    Thank you for the explanation.

    Message on wordpress site for this plugin „This plugin was closed on December 24, 2018 and is no longer available for download. Reason: Guideline Violation.“

    Is there a substitute available?

    • WPBeginner Support says

      While we don’t have a recommendation at the moment, we will be sure to take a look for alternatives.

      Admin

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.