<?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>explido &#187; Grafiken</title>
	<atom:link href="http://www.explido.de/blog/tag/grafiken/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.explido.de/blog</link>
	<description>Unternehmensblog</description>
	<lastBuildDate>Tue, 07 Feb 2012 09:28:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Bilder SEO</title>
		<link>http://www.explido.de/blog/bilder-seo/</link>
		<comments>http://www.explido.de/blog/bilder-seo/#comments</comments>
		<pubDate>Wed, 05 Oct 2011 15:35:08 +0000</pubDate>
		<dc:creator>Design Team</dc:creator>
				<category><![CDATA[Neues bei explido]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Alt-Text]]></category>
		<category><![CDATA[Bilder SEO]]></category>
		<category><![CDATA[Format]]></category>
		<category><![CDATA[Grafiken]]></category>
		<category><![CDATA[Keyword]]></category>
		<category><![CDATA[Offpage]]></category>
		<category><![CDATA[Onpage]]></category>
		<category><![CDATA[Rankingfaktoren]]></category>
		<category><![CDATA[Search Engine Optimization]]></category>
		<category><![CDATA[title-Attribut]]></category>
		<category><![CDATA[Uniqueness]]></category>
		<category><![CDATA[Verlinkung]]></category>

		<guid isPermaLink="false">http://www.explido.de/blog/?p=7500</guid>
		<description><![CDATA[p {width:580px !important;} #content .left ul { list-style-type: disc !important; padding: 0 0 15px 15px !important; margin:0px !important; } #haken_magenta { list-style-image: url(http://www.explido.de/fileadmin/templates/images/haken_pink.gif) !important; list-style-type:none !important; } #comments p { width:auto !important; } Bilder SEO ist prinzipiell das Gleiche wie &#8230; <a href="http://www.explido.de/blog/bilder-seo/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<style>
p {width:580px !important;}
#content .left ul {
	list-style-type: disc !important;
	padding: 0 0 15px 15px !important;
	margin:0px !important;
	}
#haken_magenta {
list-style-image: url(http://www.explido.de/fileadmin/templates/images/haken_pink.gif) !important;
list-style-type:none !important;
}
#comments p {
width:auto !important;
}
</style>
<p><!---------------------------------------------CONTENT-------------------------------------------------></p>
<p class="bodytext">
    Bilder SEO ist prinzipiell das Gleiche wie &#8220;normales&#8221; SEO (Search Engine Optimization), denn es beschreibt ebenso  Maßnahmen, durch die eine höhere Platzierung im Suchmaschinen-Ranking erreicht werden kann. Im Bilder SEO allerdings geht es nicht um komplette Webseiten, sondern ausschließlich – wie der Name schon sagt &#8211;  um Bilder. Gerade die &#8220;Universal Search&#8221; macht  Bild SEO so interessant, denn dort erscheinen die Bilder inzwischen immer häufiger an wirklich attraktiven Positionen!<br />
    Die relevanten Ranking-Faktoren für Bilder können in drei Bereiche eingeteilt werden:</p>
<ul>
<li>Rankingfaktoren bezüglich der Bilddatei</li>
<li>Onpage-Rankingfaktoren</li>
<li>Offpage-Rankingfaktoren</li>
</ul>
<div style="padding-top:20px; height:230px; margin-bottom:20px;"><img src="http://www.explido.de/blog/http://www.explido.de/blog/wp-content/uploads/2011/10/teaser-grafik-bild-seo2.jpg" alt="Teaser-Grafik zum Thema Bilder SEO" title="Bilder SEO" width="600" height="210" class="aligncenter size-full wp-image-7511" /></div>
<p><span id="more-7500"></span></p>
<div class="accordion">
<div class="accordion_headline">Rankingfaktoren bezüglich der Bilddatei</div>
<div class="accordion_content">
<p>
            <b>1. Dateiname</b><br />
            Die richtige Benennung der Bilddatei ist Grundvoraussetzung für eine erfolgreiche Optimierung, denn das Bild rankt – eigentlich &#8211; nur unter den Begriffen der Bildbenennung. Daraus folgt, dass der Dateiname unbedingt aus relevanten Keywords bestehen sollte. Sprich &#8220;Keyword.jpg&#8221; bzw. &#8220;Keyword1-Keyword2.jpg&#8221;. Allerdings sollte der Dateiname niemals mehr als vier Keywords beinhalten und Umlaute sollten umgeschrieben werden (&#8220;ü&#8221; – &#8220;ue&#8221; etc.)
        </p>
<p>
            <b>2. Dateipfad</b><br />
            Es ist ratsam, Google durch anlegen eines &#8220;Image-Ordners&#8221;, zu zeigen, dass es sich hierbei um Bilddateien handelt. Noch sinnreicher jedoch ist es, die Dateipfade Keyword-orientierter zu strukturieren, indem man wichtige Bilder in gleichnamigen Ordner ablegt. (z.B. www.domain.de/keyword1/keyword1.jpg).
        </p>
<p>
            <b>3. Format</b><br />
            Bilder sollten mindestens 320 Pixel in der Höhe und Breite aufweisen, höchstens jedoch 1280 Pixel an der größeren Kante. Denn kleinere Bilder ranken für gewöhnlich schlechter und größere Bilder sind nur mit der Zusatzoption &#8220;Große Bilder anzeigen&#8221; zu finden.<br />
            Als <a href="http://www.explido.de/blog/bildformate-im-internet/">Dateiformat</a> zeigt sich das JPEG-Format als beste Ranking-Variante. Damit die Datei weder zu groß, noch zu stark komprimiert ist, solle sie ca. mit einer Qualität von 60 % bis 80 % abgespeichert werden.
        </p>
<p>
            <b>4. Uniqueness</b><br />
            Es macht den Anschein, als versuche Google, duplicate content auch im grafischen Bereich abzustrafen. Daher sind eigens aufgenommene Fotos am idealsten. Schade nur, dass man selbige wohl eher selten zu Verfügung hat. Daraus ergibt sich, dass vorhandene Bilder zu einer Art Unikat nachbearbeitet werden sollten.
        </p>
</p></div>
</div>
<div class="accordion">
<div class="accordion_headline">Onpage &#8211; Rankingfaktoren</div>
<div class="accordion_content">
<p>
            <b>1. Umgebung</b><br />
            Damit ist der textuelle Content gemeint, der sich in unmittelbarer Nähe zum Bild befindet. Beispielweise also eine Bildunterschrift oder auch umfließender Text. In diesen Texten sollten die Keywords also verstärkt Verwendung finden.
        </p>
<p>
            <b>2. Alt-Text</b><br />
            Der Alt-Text sollte immer in jedem IMG-Tag vorkommen, denn Google erkennt (noch) keine Bilder – nur Text! Außerdem ist der Text im Alt-Attribut essentiell für ein barrierefreies Webdesign. So sollten sowohl für Google, als auch für sehbehinderte Menschen im Alt-Text geschrieben stehen, was auf dem Bild zu sehen ist.  Darüberhinaus wird der &#8220;Alternative Text&#8221; dann angezeigt, wenn das Image – aus welchen Gründen auch immer – nicht im Browser angezeigt wird. Ein weiterer, <a href="http://www.efficientdesignspace.de/screendesign/grundlagen-fuer-erfolgreiches-webdesign" target="_blank">Usability-fördernder Faktor</a>, den der Alt-Text mit sich bringt und ihn praktisch unverzichtbar in IMG-Tags macht.
        </p>
<p>
            <b>3. Title-Attribut</b><br />
            Das Title-Attribut eine andere Form von &#8220;umgebenden Text&#8221; kann ebenfalls die Relevanz des Keywords positiv beeinträchtigen. Er dient in Webbrowsern einerseits als Tooltip, der bei hover über das Bild erscheint und/oder als Ersatz bspw. für eine Bildunterschrift.
        </p>
<p>
            <b>4. Inhalt der Seite</b><br />
            Allgemein helfen alle gewöhnlichen SEO-Maßnahmen, die auf einer Seite für bestimmte Keywords durchgeführt werden, auch den Bildern, die für diese Keywords relevant sind. Logischerweise sollte man also unbedingt darauf achten, dass die Bilder, die man in den SERPs pushen möchte, auch zum Content der Seite passen.
        </p>
</p></div>
</div>
<div class="accordion">
<div class="accordion_headline">Offpage- Rankingfaktoren</div>
<div class="accordion_content">
<p>
            <b>1. Interne Verlinkung</b><br />
            Bilder können durch diese Maßnahme schneller und leichter von Crawler, Spider o.a. gefunden und indexiert werden.
        </p>
<p class="bodytext">
            <b>2. Externe Verlinkung</b><br />
            Eine gute Verlinkung der Seite und auch der Bilder &#8211; gerade bei Keyword-relevanten Links – ist auch im Bild SEO von großer Bedeutung.
        </p>
<p class="bodytext">
            <b>3. Mehrfach-Nutzung der Bilder</b><br />
            Nutzt man ein Bild mehrfach innerhalb einer Domain, so steigt für Google der Wert des Bildes.<br />
        Selbiges passiert bei einer Wiederverwendung auf einer anderen Domain durch so genannte &#8220;Hotlinks&#8221;. Allerdings könnte das Bild bei Google dann mit der &#8220;falschen&#8221; Domain gerankt werden.
        </p>
</p></div>
</div>
<div class="accordion">
<div class="accordion_headline">Checklist für Bilder SEO</div>
<div class="accordion_content">
<ul id="haken_magenta">
<li>Dateinamen und Dateipfad der Grafiken sinnvoll vergeben</li>
<li>Bildgröße vernünftig setzen und in den height- und width-Attributen angeben</li>
<li>Einzigartige/neue/im Optimalfall selber erstellte Bilder verwenden</li>
<li>Schlüsselbegriffe im umliegenden Text verwenden (Content muss zum Bild passen)</li>
<li>Keywords im Alt-text und im title-Attribut des Bildes angeben</li>
<li>Interne und externe Verlinkung der Grafiken &#038; optimalerweise in der XML-Sitemap angeben</li>
<li>Mehrfachnutzung der Bilder (vorranging auf der eigenen Domain)</li>
</ul></div>
</div>
<div class="bodytext">Bild SEO ist also kein Hexenwerk. Die einzelnen Optimierungsmaßnahmen sind auch für nicht allzu SEO-affine Webdesigner oder Programmierer recht einfach durchführbar und können den Traffic auf der eigenen Domain erheblich steigern. Es lohnt sich also auf jeden Fall, den einen oder anderen Tipp dieses Beitrags in die Tat umzusetzen.
</div>
</p>
<p><!---------------------------------------------END_CONTENT-------------------------------------------------></p>
]]></content:encoded>
			<wfw:commentRss>http://www.explido.de/blog/bilder-seo/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Bildformate im Internet</title>
		<link>http://www.explido.de/blog/bildformate-im-internet/</link>
		<comments>http://www.explido.de/blog/bildformate-im-internet/#comments</comments>
		<pubDate>Thu, 10 Sep 2009 10:59:27 +0000</pubDate>
		<dc:creator>Stefan Haas</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Animation]]></category>
		<category><![CDATA[Bilder]]></category>
		<category><![CDATA[Bildformate]]></category>
		<category><![CDATA[Dateigröße]]></category>
		<category><![CDATA[GIF]]></category>
		<category><![CDATA[Grafiken]]></category>
		<category><![CDATA[JPEG]]></category>
		<category><![CDATA[JPG]]></category>
		<category><![CDATA[Logo]]></category>
		<category><![CDATA[PNG]]></category>

		<guid isPermaLink="false">http://www.explido.de/blog?p=793</guid>
		<description><![CDATA[Warum sind im Web die Dateigrößen der Bilder so wichtig? Da die Übertragungsgeschwindigkeiten vor wenigen Jahren noch sehr beschränkt waren, galt &#8211; um die Geduld der User nicht unnötig zu strapazieren &#8211; ein genereller Richtwert von ca. 15KB pro Bild. &#8230; <a href="http://www.explido.de/blog/bildformate-im-internet/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><!-- p {width:580px !important;} #content .left ul { 	list-style-type: disc !important; 	padding: 0 0 15px 15px !important; 	margin:0px !important; 	} #haken_magenta { list-style-image: url(http://www.explido.de/fileadmin/templates/images/haken_pink.gif) !important; list-style-type:none !important; } --></p>
<div class="subline">Warum sind im Web die Dateigrößen der Bilder so wichtig?</div>
<p class="bodytext">Da die Übertragungsgeschwindigkeiten vor wenigen Jahren noch sehr beschränkt waren, galt &#8211; um die Geduld der User nicht unnötig zu strapazieren &#8211; ein genereller Richtwert von ca. 15KB pro Bild.</p>
<p>Heutzutage kann keine allgemeine Einschränkung mehr getroffen werden, da diese von Anzahl der Bilder, deren Verwendungszweck, Zielgruppe etc. abhängt.</p>
<p>Eine klar definierte Aussage lässt sich allerdings über die drei mittlerweile standardisierten Bildformate tätigen.<br />
Um Ihnen die Auswahl des richtigen Formates zu erleichtern, möchten wir hier im Detail auf JPEG, GIF und PNG eingehen.</p>
<p><span id="more-793"></span></p>
<div class="subline" style="margin-bottom: 20px;">Hier eine kurze Übersicht der drei im Web etablierten Bildformate:</div>
<div class="accordion">
<div class="accordion_headline">GIF (Graphics Interchange Format)</div>
<div class="accordion_content">
<p class="bodytext">Vorteile:</p>
<ul>
<li>geringe Dateigröße</li>
<li>Animationen möglich</li>
<li>eine Transparenzstufe darstellbar</li>
<li>Interlacing (Ladezeit des Bildes)</li>
<li>verlustfreies komprimieren / speichern</li>
</ul>
<p class="bodytext">Nachteil:<br />
GIF ist nicht für Fotos und Verläufe geeignet, da es nur einen Farbraum von 256 Farben darstellen kann.</p>
<p>Verwendung:<br />
GIF sollte nur für Grafiken verwendet werden, die mit einem sehr kleinen Farbspektrum (256) auskommen. Häufig verwendet bei Logos und Websiteelementen.</p>
<p><img class="aligncenter" src="http://www.explido.de/blog/http://www.explido.de/blog/wp-content/uploads/2009/09/gif-farben.jpg" alt="Aufzeigen von 256 GIF-Farben" width="500" height="150" /></p>
</div>
</div>
<div class="accordion">
<div class="accordion_headline">JPEG (Joint Photographic Experts Group)</div>
<div class="accordion_content">
<p class="bodytext">Vorteile:</p>
<ul>
<li>16,7 Millionen Farben</li>
<li>Datenreduktion möglich</li>
<li>geringe Datengröße</li>
</ul>
<p class="bodytext">Nachteil:<br />
Jeder Speichervorgang ist mit Qualitätsverlusten behaftet (Artefakte &#8211; siehe Bild)</p>
<p>Verwendung:<br />
Ideal für Fotos mit großem Farbspektrum</p>
<p><img class="aligncenter" src="http://www.explido.de/blog/http://www.explido.de/blog/wp-content/uploads/2009/09/artefakte.jpg" alt="Beispiel für Artefakte in einem Bild" width="500" height="187" /></p>
</div>
</div>
<div class="accordion">
<div class="accordion_headline">PNG (Portable Network Graphics)</div>
<div class="accordion_content">
<p class="bodytext">Vorteile:</p>
<ul>
<li>48-Bit-Farbraum</li>
<li>verlustfreies Komprimieren / Speichern</li>
<li>eigener Alphakanal (8 Bit bzw. 16 Bit), der stufenlose Tranparanz darstellen kann</li>
</ul>
<p class="bodytext">Nachteil:<br />
Nur Browser ab der vierten Generation können die PNGs fehlerlos darstellen</p>
<p>Verwendung:<br />
PNG wird hauptsächlich dort eingesetzt, wo Transparenzen Verwendung finden.</p>
<p>&nbsp;</p>
</div>
</div>
<div class="accordion">
<div class="accordion_headline">JPG &#8211; GIF &#8211; PNG</div>
<div class="accordion_content"><img class="aligncenter" src="http://www.explido.de/blog/http://www.explido.de/blog/wp-content/uploads/2009/09/verlgleich-jpg-gif-png.jpg" alt="grafischer Vergleich zwischen JPG, GIF und PNG" width="500" height="187" /></div>
</div>
<div class="accordion">
<div class="accordion_headline">Praktisch:</div>
<div class="accordion_content">
<p class="bodytext">Grafiker die mit Photoshop arbeiten, können unter dem Punkt &#8220;Datei &gt; Für Web speichern&#8221; ihr gewünschtes Bildformat auswählen und mit den anderen Formaten unter diversen Komprimierungseinstellungen vergleichen.</p>
<p>&nbsp;</p>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.explido.de/blog/bildformate-im-internet/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

