<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Beiträge mit dem Schlagwort: Suchmaschinenoptimierung - WebThinker</title>
	<atom:link href="https://www.webthinker.de/tag/suchmaschinenoptimierung/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.webthinker.de/tag/suchmaschinenoptimierung/</link>
	<description>We are code, creativity and open water</description>
	<lastBuildDate>Mon, 13 Dec 2021 12:39:45 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://www.webthinker.de/wp-content/uploads/2016/06/cropped-WebThinker-Favicon-32x32.png</url>
	<title>Beiträge mit dem Schlagwort: Suchmaschinenoptimierung - WebThinker</title>
	<link>https://www.webthinker.de/tag/suchmaschinenoptimierung/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>SEO für Bilder &#8211; Optimiere deine Bilder für mehr Traffic</title>
		<link>https://www.webthinker.de/seo-fuer-bilder-optimiere-deine-bilder-fuer-mehr-traffic/</link>
		
		<dc:creator><![CDATA[Saskia Spieth]]></dc:creator>
		<pubDate>Thu, 11 Mar 2021 11:10:39 +0000</pubDate>
				<category><![CDATA[Anleitungen]]></category>
		<category><![CDATA[Bilder-SEO]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Suchmaschinenoptimierung]]></category>
		<guid isPermaLink="false">https://www.webthinker.de/?p=987</guid>

					<description><![CDATA[<p>Viele denken, dass Alt-Tags, die sogenannten Alternativtexte, für die SEO-Bildoptimierung ausreichen. Doch dazu gehört noch viel mehr! In den SEO-Grundlagen für Anfänger wird oftmals nicht erwähnt, wie wichtig Bilder-SEO für deine Website sowie für die Suchmaschine Google und der Platzierung in der Bildersuche ist. Daher ist es nicht verwunderlich, dass Websites häufig riesige Bilddateien mit [&#8230;]</p>
<p>Der Beitrag <a href="https://www.webthinker.de/seo-fuer-bilder-optimiere-deine-bilder-fuer-mehr-traffic/">SEO für Bilder &#8211; Optimiere deine Bilder für mehr Traffic</a> erschien zuerst auf <a href="https://www.webthinker.de">WebThinker</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Viele denken, dass <strong>Alt-Tags</strong>, die sogenannten Alternativtexte, für die<strong> SEO-Bildoptimierung</strong> ausreichen. Doch dazu gehört noch viel mehr! In den SEO-Grundlagen für Anfänger wird oftmals nicht erwähnt, wie wichtig <strong>Bilder-SEO</strong> für deine Website sowie für die Suchmaschine Google und der Platzierung in der Bildersuche ist. Daher ist es nicht verwunderlich, dass Websites häufig <strong>riesige Bilddateien</strong> mit <strong>bedeutungslosen Dateinamen</strong> aufweisen und damit ihr<strong> Potenzial verschenken</strong>.</p>
<p>Bilder haben ein sehr großes Potenzial. Denke beim Bilder-SEO auch an die <a href="https://www.sortlist.de/blog/visuelle-suche/" target="_blank" rel="noopener" rel="sponsored"><strong>Google</strong> <strong>Bildersuche</strong></a> &#8211; eine der wichtigsten Suchtechnologien die <strong>zusätzlich</strong> <strong>Traffic</strong> auf deine Website bringen kann. Außerdem ist es ebenfalls in den <strong>sozialen</strong> <strong>Medien</strong>, wie Instagram und Pinterest bemerkbar, wie <strong>gut Fotos funktionieren</strong> und wie wichtig diese eigentlich sind.<br />
<img fetchpriority="high" decoding="async" class="alignnone wp-image-1040 size-full" src="https://www.webthinker.de/wp-content/uploads/2021/02/bilder-anschauen-in-instagram-auf-dem-smartphone.jpg" alt="Eine Frau schaut sich Bilder in Instagram an" width="700" height="400" srcset="https://www.webthinker.de/wp-content/uploads/2021/02/bilder-anschauen-in-instagram-auf-dem-smartphone.jpg 700w, https://www.webthinker.de/wp-content/uploads/2021/02/bilder-anschauen-in-instagram-auf-dem-smartphone-300x171.jpg 300w" sizes="(max-width: 700px) 100vw, 700px" /><br />
<span style="font-weight: 400;"><br />
Aus diesem Grund sollte die Suchmaschinenoptimierung von Bildern nicht vernachlässigt und in deine </span><b>Online-Marketing-Strategie</b><span style="font-weight: 400;"> stets integriert werden. In unserem </span><b>SEO-Bilder-Leitfaden</b><span style="font-weight: 400;"> erklären wir dir die wichtigsten Rankingfaktoren und wie du damit ganz einfach deine </span><b>Bilder optimieren</b><span style="font-weight: 400;"> kannst.</span></p>
<h2>Inhaltsverzeichnis</h2>
<ul>
<li style="font-weight: 400;"><a href="#wasbedeutetbilderseo"><span style="font-weight: 400;">Was bedeutet Bilder SEO?</span></a></li>
<li style="font-weight: 400;"><a href="#einflussvonbilderaufseo"><span style="font-weight: 400;">Einfluss von Bilder auf SEO</span></a></li>
<li style="font-weight: 400;"><a href="#schrittfuerschrittseobilder"><span style="font-weight: 400;">Schritt-für-Schritt SEO-optimierte Bilder</span></a>
<ul>
<li style="font-weight: 400;"><a href="#alttagsfuersuchmaschinenundnutzer"><span style="font-weight: 400;">1. Alt-Tags optimieren &#8211; Für Suchmaschine und Nutzer</span></a></li>
<li style="font-weight: 400;"><a href="#seobilddateibenennen"><span style="font-weight: 400;">2. SEO: Bilddatei richtig benennen</span></a></li>
<li style="font-weight: 400;"><a href="#bildmasseaufanzeigengroesseanpassen"><span style="font-weight: 400;">3. Bildgröße auf Anzeigengröße anpassen</span></a></li>
<li style="font-weight: 400;"><a href="#bilddateigroessekomprimieren"><span style="font-weight: 400;">4. Bilddateigröße komprimieren &#8211; Bilder SEO-optimieren</span></a></li>
<li style="font-weight: 400;"><a href="#bilderseoeinflusstext"><span style="font-weight: 400;">5. Bilder-SEO: Einfluss des umliegenden Textes</span></a></li>
</ul>
</li>
</ul>
<p>&nbsp;</p>
<h2 id="wasbedeutetbilderseo"><span style="font-weight: 400;">Was bedeutet Bilder-SEO?</span></h2>
<p><span style="font-weight: 400;">Bilder-SEO, die sogenannte </span><b>Suchmaschinenoptimierung von Bildern</b><span style="font-weight: 400;">, beinhaltet verschiedene Maßnahmen, die Google helfen die </span><b>Bilder </b><span style="font-weight: 400;">auf deiner </span><b>Webseite besser zu interpretieren</b><span style="font-weight: 400;"> und einzuordnen. Dabei geht es nicht nur darum Google’s KI zu unterstützen, sondern auch die </span><b>Ladezeit </b><span style="font-weight: 400;">und </span><b>Nutzerfreundlichkeit </b><span style="font-weight: 400;">deiner Website zu verbessern.</span></p>
<p><span style="font-weight: 400;"> Mit der Verbesserung der Bilder auf der Website werden </span><b>2 Ziele </b><span style="font-weight: 400;">verfolgt:</span></p>
<ol>
<li style="font-weight: 400;"><span style="font-weight: 400;">Einen </span><b>höheren Rang</b><span style="font-weight: 400;"> in der Google Bildersuche zu erreichen</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Die allgemeine </span><b>Sichtbarkeit </b><span style="font-weight: 400;">und </span><b>Optimierung </b><span style="font-weight: 400;">der Website zu verbessern.</span></li>
</ol>
<p><span style="font-weight: 400;">Dabei spielen im Bilder-SEO mehrere Faktoren eine wichtige Rolle. Hierzu zählt nicht nur der altbekannte </span><b>Alternativtext</b><span style="font-weight: 400;"> (Alt-Tag), sondern auch die </span><b>korrekte Benennung</b><span style="font-weight: 400;"> von Dateien, die </span><b>Minimierung der Bildgröße</b><span style="font-weight: 400;"> und noch mehr. Die </span><b>Basis</b><span style="font-weight: 400;"> hierfür bildet, wie auch in einer üblichen Textoptimierung, eine ausführliche </span><b>Keywordrecherche </b><span style="font-weight: 400;">und </span><b>Konkurrenzanalyse</b><span style="font-weight: 400;">. Hier werden relevante Keywords für die Alt-Tags sowie die Datei-Benennung identifiziert. </span></p>
<h2 id="einflussvonbilderaufseo"><span style="font-weight: 400;">Einfluss von Bilder auf SEO</span></h2>
<p><span style="font-weight: 400;">Bilder haben viele </span><b>Vorteile</b><span style="font-weight: 400;">. Zum einen können sie </span><b>Emotionen </b><span style="font-weight: 400;">beim Menschen </span><b>hervorrufen </b><span style="font-weight: 400;">und einen </span><b>prägenden Eindruck</b><span style="font-weight: 400;"> hinterlassen. Zum anderen weisen SEO-optimierte Bilder einen positiven Einfluss auf das </span><b>Ranking </b><span style="font-weight: 400;">auf &#8211; in den Suchergebnissen (SERPs) sowie in der Bildersuche. Das liegt daran, dass sich <a href="https://www.blueglass.ch/blog/google-suche-die-plaene-fuer-die-zukunft" target="_blank" rel="noopener">Google in der Zukunft stärker auf eine visuelle Suche fokussiert</a>. </span></p>
<p><span style="font-weight: 400;">Schon vor mehreren Jahren überarbeitete Google die </span><b>Bildersuche</b><span style="font-weight: 400;"> und seit dem werden vermehrt </span><b>prominente Bilder in den Google-Suchergebnissen</b><span style="font-weight: 400;"> angezeigt. Das heißt, eine gute Positionierung in der Google-Bildersuche ist ein nicht zu unterschätzender Lieferant für </span><b>organischen Website-Traffic</b><span style="font-weight: 400;">. </span></p>
<p><img decoding="async" class="alignnone wp-image-1042 size-full" src="https://www.webthinker.de/wp-content/uploads/2021/02/google-suchergebnisseiten-mit-bildersuchergebnis-ozean.jpg" alt="Beispiel der Suchergebnisse von Ozean mit Bilder zu Ozean" width="700" height="300" srcset="https://www.webthinker.de/wp-content/uploads/2021/02/google-suchergebnisseiten-mit-bildersuchergebnis-ozean.jpg 700w, https://www.webthinker.de/wp-content/uploads/2021/02/google-suchergebnisseiten-mit-bildersuchergebnis-ozean-300x129.jpg 300w" sizes="(max-width: 700px) 100vw, 700px" /></p>
<p><span style="font-weight: 400;">Weitere </span><b>Vorteile</b> <b>von suchmaschinenoptimierten Bilder</b><span style="font-weight: 400;"> auf deiner Website sind:</span></p>
<ul>
<li style="font-weight: 400;"><span style="font-weight: 400;">Inhalte können besser in den </span><b>richtigen Kontext </b><span style="font-weight: 400;">gestellt werden</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Bilder helfen Website-Besucher Textinhalte </span><b>besser zu verstehen</b></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Bilder sorgen in größeren Textabschnitten für </span><b>Abwechslung</b></li>
<li style="font-weight: 400;">Bilder können <b>wichtige Informationen transportieren</b>, wie Schritt-für-Schritt-Anleitungen, Produktbilder und Informationsgrafiken.</li>
</ul>
<p><img decoding="async" class="alignnone wp-image-1044 size-full" src="https://www.webthinker.de/wp-content/uploads/2021/02/webthinker-blog-cache-loeschen-beispiel-bilder-seo.jpg" alt="Blogbeitrag Cache löschen von webthinker.de als Beispiel wie Bilder für Abwechslung sorgen" width="700" height="450" srcset="https://www.webthinker.de/wp-content/uploads/2021/02/webthinker-blog-cache-loeschen-beispiel-bilder-seo.jpg 700w, https://www.webthinker.de/wp-content/uploads/2021/02/webthinker-blog-cache-loeschen-beispiel-bilder-seo-300x193.jpg 300w" sizes="(max-width: 700px) 100vw, 700px" /></p>
<p><span style="font-weight: 400;"><br />
Jedoch sollte bei der </span><b>Auswahl von Bilder</b><span style="font-weight: 400;"> beachtet werden, dass diese stets </span><b>hochauflösend </b><span style="font-weight: 400;">und </span><b>ansprechend </b><span style="font-weight: 400;">sind. “</span><i><span style="font-weight: 400;">Das Auge isst mit.</span></i><span style="font-weight: 400;">” &#8211; der Spruch aus der Gastronomie gilt nicht nur für Speisen, sondern auch für Bilder im Web.</span></p>
<p><span style="font-weight: 400;">Erfahre in unseren </span><b>5 SEO-Bilder-Tipps</b><span style="font-weight: 400;">, wie du eine</span><b> höhere Sichtbarkeit</b><span style="font-weight: 400;">, </span><b>mehr Traffic </b><span style="font-weight: 400;">und ebenfalls weiter oben in der </span><b>Google-Bildersuche</b><span style="font-weight: 400;"> mit deinen Website-Bildern erscheinen kannst. Unser </span><b>erster Tipp</b><span style="font-weight: 400;">: </span><b>Alt-Texte &#8211; sind ein guter Anfang</b><span style="font-weight: 400;"> um zusätzlich zur SEO-Optimierung die Benutzerfreundlichkeit auf deiner Website zu verbessern.<br />
</span></p>
<h2 id="schrittfuerschrittseobilder"><span style="font-weight: 400;">Schritt-für-Schritt zu SEO-optimierten Bilder</span></h2>
<h3 id="alttagsfuersuchmaschinenundnutzer"><span style="font-weight: 400;">1. Alt-Tags optimieren &#8211; Für Suchmaschine und Nutzer</span></h3>
<p><span style="font-weight: 400;">Zuerst einmal zu der </span><b>Definition </b><span style="font-weight: 400;">von </span><b>Alt-Tags</b><span style="font-weight: 400;"> bzw. Alt-Attribute oder Alt-Texte. Alt-Tags sind so genannte Alternativtexte, die angezeigt werden, wenn das</span><b> Bild nicht geladen bzw. gefunden</b><span style="font-weight: 400;"> werden kann. Sie geben die</span><b> Inhalte eines Bildes</b><span style="font-weight: 400;"> wieder und beschreiben diese. </span></p>
<p><span style="font-weight: 400;">Ursprünglich waren die <a href="https://www.w3.org/WAI/alt/" target="_blank" rel="noopener">Alt-Attribute für </a></span>Blinde und Sehbehinderte<span style="font-weight: 400;"> gedacht. Jedoch senden heutzutage Alt-Tags </span><b>Relevanz-Signale </b><span style="font-weight: 400;">an die </span><b>Suchmaschinen</b><span style="font-weight: 400;"> und helfen dadurch Google die Inhalte besser zu verstehen. Aus diesem Grund können sie dir bei der </span><b>Suchmaschinenoptimierung </b><span style="font-weight: 400;">deiner Fotos helfen und damit dein </span><b>Ranking verbessern</b><span style="font-weight: 400;">.</span></p>
<p><span style="font-weight: 400;">Du frägst dich, </span><b>wo</b><span style="font-weight: 400;"> du den</span><b> Alt-Tag setzen</b><span style="font-weight: 400;"> und </span><b>wie </b><span style="font-weight: 400;">du diese für dein Bilder-SEO </span><b>optimieren </b><span style="font-weight: 400;">kannst? Der Alt-Text ist in dem Bild-Tag platziert, den du in deinem HTML-Code finden kannst. Dieser kann wie folgt im Quellcode aussehen: &lt;img src=&#8220;beispiel.jpg&#8220; alt=&#8220;Beispiel&#8220; /&gt;.</span></p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-1043 size-full" src="https://www.webthinker.de/wp-content/uploads/2021/02/test-codeschnipsel.jpg" alt="Beispiel eines Bild-Tags im HTML-Code mit einem Alt-Attribut" width="700" height="50" srcset="https://www.webthinker.de/wp-content/uploads/2021/02/test-codeschnipsel.jpg 700w, https://www.webthinker.de/wp-content/uploads/2021/02/test-codeschnipsel-300x21.jpg 300w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
<p><span style="font-weight: 400;">Für die </span><b>Optimierung</b><span style="font-weight: 400;"> von </span><b>Alt-Tags</b><span style="font-weight: 400;"> gelten folgende </span><b>Regeln</b><span style="font-weight: 400;">:</span></p>
<ol>
<li style="font-weight: 400;"><span style="font-weight: 400;">Verfasse </span><b>beschreibende und spezifische Alt-Texte</b><span style="font-weight: 400;">. Hier gilt die Regel: Je spezifischer beschrieben, desto besser. </span><b>Achtung</b><span style="font-weight: 400;">: Denke nicht zu viel nach, sondern </span><b>orientiere </b><span style="font-weight: 400;">dich einfach daran, was auf dem</span><b> Bild zu sehen</b><span style="font-weight: 400;"> ist &#8211; es ist auch für Sehbehinderte.</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Wähle </span><b>relevante </b><span style="font-weight: 400;">Alt-Tags. Hier ist </span><b>kein Ort für Keyword-Spam</b><span style="font-weight: 400;">, stattdessen solltest du genau beschreiben, was das Bild zeigt. Passen Keywörter oder Synonyme rein, dann verwende sie.</span></li>
<li style="font-weight: 400;">Nutze <b>individuelle Alt-Attribute</b>. Du solltest <b>nicht das Hauptkeyword</b> der Seite für <b>jedes Bild verwenden</b> und dadurch immer den gleichen Alt-Tag setzen. Formuliere individuelle Alternativtexte für jedes Bild, aber halte es <b>kurz </b>(<b>80 Zeichen</b> sollten es maximal sein).</li>
</ol>
<h3 id="seobilddateibenennen"><span style="font-weight: 400;">2. SEO: Bilddatei richtig benennen</span></h3>
<p><span style="font-weight: 400;">Immer wieder findet man auf Websites Bilder mit einem Dateinamen wie DSC_0042.jpg. Dabei ist ein </span><b>beschreibender Dateiname</b><span style="font-weight: 400;"> für Fotos die einfachste und nützlichste SEO-Maßnahme. </span></p>
<p><span style="font-weight: 400;">Auf </span><b>Smartphones </b><span style="font-weight: 400;">und Kameras erhalten Fotos </span><b>generisch</b><span style="font-weight: 400;"> ihren </span><b>Dateinamen</b><span style="font-weight: 400;">. Sobald du das Bild auf deine Website hochlädst solltest du diesen jedoch anpassen, da der </span><b>Datei-Name in der Regel auch </b><span style="font-weight: 400;">die </span><b>URL deines Bildes </b><span style="font-weight: 400;">in voller Auflösung darstellt. </span></p>
<p><span style="font-weight: 400;">Bei der richtigen Benennung der Datei ist einiges zu beachten. Das </span><b>Wichtigste</b><span style="font-weight: 400;">: Die </span><b>Syntax-Vorgaben</b><span style="font-weight: 400;">. Diese basieren zum einen auf den </span><b>technischen Beschaffenheiten</b><span style="font-weight: 400;">, sowie den </span><b>Grundlagen</b><span style="font-weight: 400;">, auf welchen die verschiedenen </span><b>Crawler </b><span style="font-weight: 400;">wie z.B. der Google-Bot Bilder interpretieren. Des weiteren ist die </span><b>Benennung</b><span style="font-weight: 400;"> und die </span><b>Länge</b><span style="font-weight: 400;"> der Dateibenennung von großer Bedeutung </span></p>
<p><span style="font-weight: 400;">Unsere </span><b>Tipps </b><span style="font-weight: 400;">für die </span>Suchmaschinenoptimierung<span style="font-weight: 400;"> deines </span><b>Bilddatei-Names</b><span style="font-weight: 400;">:</span></p>
<ul>
<li style="font-weight: 400;"><span style="font-weight: 400;">Eindeutiger und selbsterklärender Name</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Nicht zu langer Dateiname (maximal 90 Zeichen)</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Dateiname mit Bindestrichen statt Unterstrichen trennen (keine Leerzeichen)</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Keine Umlaute, Großbuchstaben und Sonderzeichen (nur a-z, 0-9)</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Ggf. passende und relevante Keywords an den Anfang einbauen</span></li>
</ul>
<h3 id="bildmasseaufanzeigengroesseanpassen"><span style="font-weight: 400;">3. Bildmaße auf Anzeigengröße anpassen</span></h3>
<p><span style="font-weight: 400;">Die Bildgröße hat einen großen Einfluss auf das Bilder-SEO und die Ladezeit deiner Website. Auf den meisten Websites befinden sich Bilddateien, die in der </span><b>Pixel-Abmessung viel größer </b><span style="font-weight: 400;">sind als die </span><b>tatsächlich auf der Website angezeigte Bilder</b><span style="font-weight: 400;">. Das kann sich schnell zu einer </span><b>massiv großen Seitengröße</b><span style="font-weight: 400;"> summieren und sich </span><b>negativ auf die Ladegeschwindigkeit</b><span style="font-weight: 400;"> der Website auswirken. Dabei ist es von großer Bedeutung eine schnelle Website-Geschwindigkeit zu haben, da Google <strong>geringe</strong></span><b> Ladezeiten </b><span style="font-weight: 400;">als eine </span><b>bessere Benutzererfahrung</b><span style="font-weight: 400;"> bewertet.</span></p>
<p><span style="font-weight: 400;">Daher achte darauf, dass du deine </span><b>Bildgröße anpasst</b><span style="font-weight: 400;">. Hast du zum Beispiel ein</span><b> iPhone X </b><span style="font-weight: 400;">und schießt damit ein Foto, liegt die </span><b>Größe bei 4032&#215;3024 Pixel</b><span style="font-weight: 400;">. Pflegst du das Bild auf deiner </span><b>Website </b><span style="font-weight: 400;">ein, welche das Bild in der größtmöglichen Darstellung lediglich mit </span><b>800 Pixel in der Breite</b><span style="font-weight: 400;"> darstellt, macht dies einen erheblichen </span><b>Unterschied in der Dateigröße </b><span style="font-weight: 400;">aus. Optimal für Bilder-SEO und allgemein für Websites ist eine D</span><b>ateigröße von maximal 250 KB</b><span style="font-weight: 400;"> bei einmalig vorkommende </span><b>Teaserbilder</b><span style="font-weight: 400;">. Für “normale” </span><b>Vorschaubilder </b><span style="font-weight: 400;">sollte der Wert bestenfalls unter </span><b>100 KB</b><span style="font-weight: 400;"> liegen.</span></p>
<h3 id="bilddateigroessekomprimieren"><span style="font-weight: 400;">4. Bilddateigröße komprimieren &#8211; Website-optimieren</span></h3>
<p><span style="font-weight: 400;">Wie du nun bereits weißt, ist die </span><b>Ladegeschwindigkeit </b><span style="font-weight: 400;">deiner Website ein </span><b>entscheidender Rankingfaktor</b><span style="font-weight: 400;"> für Google. Das heißt, du solltest deine </span><b>Bilddateigröße </b><span style="font-weight: 400;">möglichst </span><b>gering </b><span style="font-weight: 400;">halten. Hier gilt: Die Pflicht ist es, deine Bilder für die Website zu komprimieren &#8211; schneidest du es zusätzlich auf die maximal benötigte Pixel-Maße hast du ein High-end-optimiertes Bild. </span><b>Hinweis:</b> <b>Bildgröße </b><span style="font-weight: 400;">(Pixel) ist </span><b>nicht </b><span style="font-weight: 400;">vergleichbar mit deiner D</span><b>ateigröße </b><span style="font-weight: 400;">(Byte). Aus diesem Grund kannst du deine Größe lassen und dein Foto einfach </span><b>komprimieren</b><span style="font-weight: 400;">. </span></p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-1041 size-full" src="https://www.webthinker.de/wp-content/uploads/2021/02/fuer-bilder-seo-bild-komprimieren-mit-open-source-tool.jpg" alt="Bilddateigröße reduzieren mit Open-Source-Tool Squoosh" width="700" height="320" srcset="https://www.webthinker.de/wp-content/uploads/2021/02/fuer-bilder-seo-bild-komprimieren-mit-open-source-tool.jpg 700w, https://www.webthinker.de/wp-content/uploads/2021/02/fuer-bilder-seo-bild-komprimieren-mit-open-source-tool-300x137.jpg 300w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
<p><span style="font-weight: 400;">Dabei brauchst du dir keine Gedanken um den </span><b>Qualitätsverlust </b><span style="font-weight: 400;">machen, das Ergebnis ist oftmals sehr gut und die </span><b>Einsparung </b><span style="font-weight: 400;">von</span><b> Dateigröße erheblich</b><span style="font-weight: 400;">. Hierfür gibt es im Internet viele verschiedene </span><b>Open-Source-Tools</b><span style="font-weight: 400;">, wie beispielsweise </span><a href="https://squoosh.app/" target="_blank" rel="noopener"><span style="font-weight: 400;">Squoosh.de</span></a><span style="font-weight: 400;">. Versuche dich einfach an paar Qualitätseinstellungen aus und schaue, was für deine Bilder am besten passt.</span></p>
<h3 id="bilderseoeinflusstext"><span style="font-weight: 400;">5. Bilder-SEO: Einfluss des umliegenden Textes</span></h3>
<p><span style="font-weight: 400;">Unser letzter Tipp für dich zu Bilder-SEO ist die </span><b>richtige Platzierung </b><span style="font-weight: 400;">des Bildes auf deiner Website. Hierbei ist es einerseits wichtig, das Bild in einer </span><b>passenden Textpassage </b><span style="font-weight: 400;">zu platzieren und andererseits, dass die </span><b>Keywords des Textes</b><span style="font-weight: 400;"> mit dem </span><b>Alt-Tag </b><span style="font-weight: 400;">sowie dem D</span><b>atei-Namen inhaltlich übereinstimmen</b><span style="font-weight: 400;">. Menschen </span><b>schauen zuerst auf die Bilder</b><span style="font-weight: 400;"> &#8211; sie sind Eye-Catcher. Finden wir ein Bild von einer Katze auf einer Business-Seite kommt es zu Verwirrungen.</span></p>
<p><span style="font-weight: 400;">Für die Suchmaschinen ist außerdem der Zusammenhang von Text zu Bild wichtig. </span><b>Passt die Benamung</b><span style="font-weight: 400;"> der Datei deines Fotos sowie der </span><b>Alternativtext nicht </b><span style="font-weight: 400;">zum </span><b>umliegenden Text </b><span style="font-weight: 400;">und ggf. der </span><b>Bildunterschrift</b><span style="font-weight: 400;">, empfindet die Suchmaschine das </span><b>Bild als nicht passend</b><span style="font-weight: 400;"> und irrelevant. Dadurch kann es zu negative Signale</span> <span style="font-weight: 400;">für Google führen &#8211;  also, Achtung!</span></p>
<p><span style="font-weight: 400;">Wir hoffen, dass der Beitrag dir einen </span><b>kleinen Einblick in das Bilder-SEO </b><span style="font-weight: 400;">geben konnte und du die wichtigsten Punkte nachvollziehen konntest. Diese 5 Tipps sind nur ein </span><b>Ausschnitt </b><span style="font-weight: 400;">und decken damit nicht das Ganze ab. Du solltest beispielsweise ebenfalls auf das </span><b>Dateiformat </b><span style="font-weight: 400;">(hierzu gibt es bald ebenfalls einen Beitrag) achten und </span><b>Bildunterschriften</b><span style="font-weight: 400;">, solang das Design das zulässt hinzufügen. Um den Umfang des Beitrags nicht zu sprengen haben wir uns lediglich auf die 5 relevante Rankingfaktoren fokussiert. Ebenfalls solltest du beachten, dass auch wenn Bilder-SEO wichtig ist du </span><b>andere SEO-Maßnahmen nicht vernachlässigst</b><span style="font-weight: 400;"> und stets alle im Blick behältst. Gelang auch du mit unseren Tipps in die Bildersuche!</span></p>
<div id="tldr" class="tldnrBox">
<div class="tldnrHeader">tl;dr (&#8222;Too long; didn&#8217;t read.&#8220;)</div>
<div class="tldnrSub blogFont16">Unser Logbucheintrag in aller kürze:</div>
<ul>
<li class="blogFont16">Bilder-SEO sollte in deiner <b>Online-Marketing-Strategie</b><span style="font-weight: 400;"> stets berücksichtigt werden.</span></li>
<li class="blogFont16">Zu den <b>Zielen </b><span style="font-weight: 400;">von Bilder-SEO zählt ein höherer Rang in der Bildersuche, die Verbesserung der Sichtbarkeit und Website-Optimierung.</span></li>
<li class="blogFont16"><b>Vorteile von Bildern: </b><span style="font-weight: 400;">stellen Inhalte in den richtigen Kontext, bringen Abwechslung in Textabschnitte und transportieren schnell Informationen.</span></li>
<li class="blogFont16"><b>Alt-Tags </b><span style="font-weight: 400;">helfen Suchmaschinen sowie blinden und sehbehinderte Menschen die Bilder zu verstehen.</span></li>
<li class="blogFont16"><b>Bilddateien </b><span style="font-weight: 400;">sollten eindeutig, selbsterklärend und richtig benannt werden.</span></li>
<li class="blogFont16">Die <b>Bildmaße </b><span style="font-weight: 400;">muss auf die </span>maximale Anzeigengröße<span style="font-weight: 400;"> angepasst werden.</span></li>
<li class="blogFont16">Die <strong>D</strong><b>ateigröße deines Fotos </b><span style="font-weight: 400;">sollte auf ein </span>Minimum reduziert<span style="font-weight: 400;"> werden, damit die Ladegeschwindigkeit deiner Website nicht darunter leidet.</span></li>
<li class="blogFont16"><b>Bilder </b><span style="font-weight: 400;">sollten im </span><b>richtigen Kontext platziert </b><span style="font-weight: 400;">werden, da sie ansonsten für Verwirrung sorgen und negative Signale mit sich bringen können.</span></li>
</ul>
</div>
<p>Der Beitrag <a href="https://www.webthinker.de/seo-fuer-bilder-optimiere-deine-bilder-fuer-mehr-traffic/">SEO für Bilder &#8211; Optimiere deine Bilder für mehr Traffic</a> erschien zuerst auf <a href="https://www.webthinker.de">WebThinker</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
