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.
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.
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.
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.
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.
Dieses hat ein Feld „Titelattribut“, das das echte HTML-Bildtitelattribut ist.
Geben Sie einfach die gewünschten Informationen in das Feld ein.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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!
Costas Draco says
How can you change attribute title for the hero image?
Thanks
BR
WPBeginner Support says
If you mean the featured image then that would read the title set for the image from your media library.
Admin
Dave says
How do I change the html title for existing images on the website?
WPBeginner Support says
You would be able to go back and edit the title by editing the post.
Admin
Rubb says
„Restore Image Title“ is not available anymore
WPBeginner Support says
Thank you for letting us know, we’ll be sure to look into updating this article as we are able
Admin
Rubb says
Thanks, hope someone will create plugin or share the code
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
Ehsan says
thanks for this great article !
Diana Auerhammer says
Like it!! Now, I have to decide if I will go back and fix old images.
Miha says
Is there a way to add tite tags to all old pics?
Daniel says
This method does not appear to work images in WP galleries.
Hansjörg Leichsenring says
Is there a way to add titel tags to „old“ pics already in the media?