<?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>Blog über Webdesign, TYPO3, Typoscript, SEO, Social Media</title>
	<atom:link href="http://www.tutnixgut.de/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tutnixgut.de</link>
	<description>Ich blogge zu den Themen Webdesign, TYPO3, Typoscript, Socialmedia, Suchmaschinenoptimierung und über weitere Interessen.</description>
	<lastBuildDate>Fri, 29 Mar 2013 14:15:56 +0000</lastBuildDate>
	<language>de-DE</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>Responsive Design mit Google Adsense</title>
		<link>http://www.tutnixgut.de/responsive-design-mit-google-adsense/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=responsive-design-mit-google-adsense</link>
		<comments>http://www.tutnixgut.de/responsive-design-mit-google-adsense/#comments</comments>
		<pubDate>Fri, 29 Mar 2013 13:41:11 +0000</pubDate>
		<dc:creator>Felix Habenicht</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Google Adsense]]></category>
		<category><![CDATA[Responsive]]></category>

		<guid isPermaLink="false">http://www.tutnixgut.de/?p=820</guid>
		<description><![CDATA[Durchschnittlich wird nach einer Studie von Google jede 10 Suchanfrage von einem mobilen Endgerät ausgeführt. Daher sollte jeder in diesen Zeiten entweder auf ein mobiles oder responsive Design setzen. Responsive Design sind Webseiten die sich an das Endgerät des Besuchers...]]></description>
				<content:encoded><![CDATA[<p>Durchschnittlich wird nach einer Studie von Google jede 10 Suchanfrage von einem mobilen Endgerät ausgeführt. Daher sollte jeder in diesen Zeiten entweder auf ein mobiles oder responsive Design setzen. Responsive Design sind Webseiten die sich an das Endgerät des Besuchers mittels CSS anpassen. Daher  wird es zukünftig sinnvoll seine Adsense Werbeanzeigen responsive einzubinden.</p>
<p><span id="more-820"></span></p>
<p>Da Google Adsense darauf bisher noch nicht reagiert hat, kann man mit diesen Javascriptabfragen, die Formate seiner Adsensebanner je nach Auflösung des Bildschirms anpassen.</p>
<p>Wichtig, du musst die Ad-Codes austauschen!</p>
<pre class="brush: plain; title: ; notranslate">
&lt;script type=”text/javascript”&gt;
google_ad_client = “ca-pub-365648XXXX266116″;
if (window.innerWidth &gt;= 800) {
google_ad_slot = “441XXX3254″;
google_ad_width = 728;
google_ad_height = 60;
} else if (window.innerWidth &lt; 400) {
google_ad_slot = “441X3X3254″;
google_ad_width = 300;
google_ad_height = 250;
} else {
google_ad_slot = “4412333XXX”;
google_ad_width = 468;
google_ad_height = 60;
}
&lt;/script&gt;
&lt;script type=”text/javascript”
src=”http://pagead2.googlesyndication.com/pagead/show_ads.js”&gt;
&lt;/script&gt;
</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.tutnixgut.de/responsive-design-mit-google-adsense/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Papierkorb Icon für das Löschen von Inhaltselementen im TYPO3-Backend aktivieren</title>
		<link>http://www.tutnixgut.de/papierkorb-icon-fur-das-loschen-von-inhaltselementen-im-typo3-backend-aktivieren/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=papierkorb-icon-fur-das-loschen-von-inhaltselementen-im-typo3-backend-aktivieren</link>
		<comments>http://www.tutnixgut.de/papierkorb-icon-fur-das-loschen-von-inhaltselementen-im-typo3-backend-aktivieren/#comments</comments>
		<pubDate>Fri, 29 Mar 2013 07:40:11 +0000</pubDate>
		<dc:creator>Felix Habenicht</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[TYPO3]]></category>
		<category><![CDATA[Typoscript]]></category>
		<category><![CDATA[Backend]]></category>
		<category><![CDATA[Icon]]></category>
		<category><![CDATA[Papierkorb]]></category>
		<category><![CDATA[Templavoila]]></category>

		<guid isPermaLink="false">http://www.tutnixgut.de/?p=844</guid>
		<description><![CDATA[Templavoila ist eine der verbreitetsten TYPO3 Extensions, für die Umsetzung von hochwertigen Templates. In einer neueren Templavoila Version fiel mir im Backend auf, dass das Icon zum Löschen der Inhaltselemente fehlte. Es existierte nur das Icon um die Verknüpfung zwischen Contentelement und...]]></description>
				<content:encoded><![CDATA[<p><strong>Templavoila ist eine der verbreitetsten TYPO3 Extensions, für die Umsetzung von hochwertigen Templates.</strong></p>
<p>In einer neueren Templavoila Version fiel mir im Backend auf, dass das Icon zum Löschen der Inhaltselemente fehlte. Es existierte nur das Icon um die Verknüpfung zwischen Contentelement und der Designvorlage zu entfernen.</p>
<p><span id="more-844"></span></p>
<p>Mit dieser Einstellung in der Seiteneigenschaften (TS-config) konnte ich das Problem lösen. Nun wird das Papierkorb Icon wieder angezeigt und das Element lässt sie wie gewohnt löschen.</p>
<pre class="brush: plain; title: ; notranslate">mod.web_txtemplavoilaM1.enableDeleteIconForLocalElements = 2</pre>
<p>Es ist sogar möglich diese Einstellung nur für bestimmte Benutzer oder Benutzergruppen zu aktivieren. Hierfür musst du in den gewünschten Datensatz gehen und die obrige Zeile im TS-Config einfügen.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tutnixgut.de/papierkorb-icon-fur-das-loschen-von-inhaltselementen-im-typo3-backend-aktivieren/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TYPO3 &#8211; Farbverlauf in einer Überschrift oder Menü mit Typoscript erstellen</title>
		<link>http://www.tutnixgut.de/typo3-farbverlauf-einer-uberschrift-oder-menu-mit-typoscript-erstellen/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=typo3-farbverlauf-einer-uberschrift-oder-menu-mit-typoscript-erstellen</link>
		<comments>http://www.tutnixgut.de/typo3-farbverlauf-einer-uberschrift-oder-menu-mit-typoscript-erstellen/#comments</comments>
		<pubDate>Sat, 02 Mar 2013 08:10:42 +0000</pubDate>
		<dc:creator>Felix Habenicht</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[TYPO3]]></category>
		<category><![CDATA[Typoscript]]></category>
		<category><![CDATA[Farbverlauf]]></category>
		<category><![CDATA[gifbuilder]]></category>
		<category><![CDATA[TMENU]]></category>

		<guid isPermaLink="false">http://www.tutnixgut.de/?p=776</guid>
		<description><![CDATA[Ich möchte dir heute ein Script zeigen, bei dem der Schriftzug einen Farbverlauf besitzt. Dies soll natürlich dynamisch sein, damit sogar Redakteure den Schriftzug anpassen können. Solch ein Effekt kann deinen Internetauftritt sicherlich aufwerten. Ich habe dieses Script mit GraphicsMagick (1.2.5) getestet....]]></description>
				<content:encoded><![CDATA[<p>Ich möchte dir heute ein Script zeigen, bei dem der Schriftzug einen Farbverlauf besitzt. Dies soll natürlich dynamisch sein, damit sogar Redakteure den Schriftzug anpassen können. Solch ein Effekt kann deinen Internetauftritt sicherlich aufwerten.</p>
<p><span id="more-776"></span></p>
<p>Ich habe dieses Script mit <strong>GraphicsMagick (1.2.5) </strong>getestet. Es könnte sein, dass dieser Effekt unter ImageMagick nicht funktioniert.</p>
<p>Du legst im Backend für dieses Beispiel am besten eine kleine Seitenstruktur an, etwa so:</p>
<p><img class="alignnone size-full wp-image-782" title="typo3_seitenbaum" alt="" src="http://www.tutnixgut.de/wp-content/uploads/2012/11/typo3_seitenbaum.png" width="112" height="108" /></p>
<p>Zusätzlich benötigst du einen Verlauf von einer beliebigen Farbe hin zu transparent. Wichtig zu beachten ist, dass die Grafik eine bestimmte Länge hat, damit sie nicht bei längeren Wörtern aufhört.</p>
<p><a href="http://www.tutnixgut.de/wp-content/uploads/2012/11/verlauf01.png"><img class="alignnone size-full wp-image-783" title="verlauf01" alt="" src="http://www.tutnixgut.de/wp-content/uploads/2012/11/verlauf01.png" width="500" height="80" /></a></p>
<p>Das Ergebnis könnte etwa so aussehen:</p>
<p><a href="http://www.tutnixgut.de/wp-content/uploads/2012/11/typo3_menu_mit_verlauf.png"><img class="alignnone size-full wp-image-781" title="typo3_menu_mit_verlauf" alt="" src="http://www.tutnixgut.de/wp-content/uploads/2012/11/typo3_menu_mit_verlauf.png" width="276" height="359" /></a></p>
<p>Hier siehst du das benutzte Typoscript.</p>
<pre class="brush: plain; title: ; notranslate">
temp.navmain = HMENU
temp.navmain {
	1 = GMENU
	1 {
			wrap = |
			NO = 1
			NO {

					5 = TEXT
					5 {
						text.field = title
						fontSize = 100
						fontFile = fileadmin/font/font.otf
						offset = 0,-80
					}

				#BG
				wrap = &lt;div&gt;|&lt;/div&gt;

				format = png
				quality = 100
				XY = [5.w]+15,[5.h]+10
				transparentBackground = 1
				backColor = #FFFFFF

				#get gfx to mask
				20 = IMAGE
				20.file = fileadmin/verlauf01.png
				20.offset = 0,0

				#generate mask
				20.mask = GIFBUILDER
				20.mask {
				format = png
				XY = 300,100
				backColor = #000000

					10 = TEXT
					10 {
						text.field = title
						fontSize = 100
						fontFile = fileadmin/font/font.otf
						fontColor = #FFFFFF
						niceText = 1
						antiAlias = 1
						niceText.sharpen = 1
						offset = 0,80

					}
				}
			}
		}
}

lib.menu &lt; temp.navmain
</pre>
<p><span class="my-gplus">Author auf Google+: <a href='https://plus.google.com/u/0/113380450807518746528' rel='author' title='Google Plus Profile for +Felix Habenicht'>+Felix Habenicht</a></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tutnixgut.de/typo3-farbverlauf-einer-uberschrift-oder-menu-mit-typoscript-erstellen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mit checkdomain zur SEO-CAMPIXX 2013</title>
		<link>http://www.tutnixgut.de/mit-checkdomain-de-zur-seo-campixx-2013/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=mit-checkdomain-de-zur-seo-campixx-2013</link>
		<comments>http://www.tutnixgut.de/mit-checkdomain-de-zur-seo-campixx-2013/#comments</comments>
		<pubDate>Sun, 09 Dec 2012 18:54:15 +0000</pubDate>
		<dc:creator>Felix Habenicht</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Checkdomain]]></category>
		<category><![CDATA[SEO CAMPIXX]]></category>

		<guid isPermaLink="false">http://www.tutnixgut.de/?p=799</guid>
		<description><![CDATA[Obwohl ich heute Geburtstag habe, möchte ich kurz über das tolle checkdomain.de Gewinnspiel berichten. Wie in jedem Jahr geht mit der Weihnachtszeit auch die Zeit der Nächstenliebe einher. Daher zeigt auch checkdomain.de, dass sie ein großes Herz haben. Sie verschenken...]]></description>
				<content:encoded><![CDATA[<p>Obwohl ich heute Geburtstag habe, möchte ich kurz über das t<a href="http://blog.checkdomain.de/seo/seo-campixx-2013-ticket-gewinnen/">olle checkdomain.de Gewinnspiel</a> berichten. Wie in jedem Jahr geht mit der Weihnachtszeit auch die Zeit der Nächstenliebe einher. Daher zeigt auch checkdomain.de, dass sie ein großes Herz haben. Sie verschenken nicht nur eines der heißbegehrtesten SEO-Tickets 2013, sondern spenden zusätzlich für jede Verbreitung ihres Blogartikels einen gewissen Betrag für einen guten Zweck.</p>
<p><span id="more-799"></span></p>
<p>Jeder kann an diesem Gewinnspiel teilnehmen. Du musst einfach den Checkdomain Blogeintrag auf Facebook, Twitter oder Google+ teilen. Wenn du, wie ich zum Beispiel, einen eigenen Blogartikel schreibst, steigen deine Gewinnchancen. Zusätzlich bringen auch solche Verbreitung dieses Blogartikel noch etwas Geld für die gemeinnützige Aktion.</p>
<p>Doch bevor Du an dem Gewinnspiel teilnimmst, interessiert dich sicherlich, für welchen guten Zweck checkdomain.de das Geld spenden möchte!?! Sie unterstützten das <a href="http://www.sternenbruecke.de/">Kinder-Hospiz Sternbrücke in Hamburg</a>.</p>
<p>Was für ein Ticket kann man gewinnen?</p>
<p>Bei dem Preis handelt es sich um ein heißbegehrtes SEO CAMPIXX Ticket. Aus persönlicher Erfahrung kann ich nur sagen, dass man sich diese Chance nicht durch die Lappen gehen lassen sollte. Bereits bei dem  F5 Battle hatte ich versucht an eines der begehrten Tickets zu kommen, jedoch waren die letzten 100 Tickets bereits in weniger als 90 Sekunden vergriffen, während mein Browser leider nur damit beschäftigt war die Seite neu zu laden. Daher konnte ich leider nichts anderes außer einer weißen Seite sehen. Aus diesem Grund versuche auch ich es jetzt über diesen Weg an ein Ticket zu gelangen! <img src='http://www.tutnixgut.de/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Trotzdem drücke ich Dir natürlich auch die Daumen und wünsche natürlich allen sowohl eine schöne und erholsame Adventszeit, als auch ein besinnliches Weihnachtsfest!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tutnixgut.de/mit-checkdomain-de-zur-seo-campixx-2013/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Super TYPO3 Optionsplit Tutorial gefunden!</title>
		<link>http://www.tutnixgut.de/super-typo3-optionsplit-tutorial-gefunden/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=super-typo3-optionsplit-tutorial-gefunden</link>
		<comments>http://www.tutnixgut.de/super-typo3-optionsplit-tutorial-gefunden/#comments</comments>
		<pubDate>Wed, 14 Nov 2012 20:40:44 +0000</pubDate>
		<dc:creator>Felix Habenicht</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[TYPO3]]></category>
		<category><![CDATA[Typoscript]]></category>
		<category><![CDATA[Menü]]></category>
		<category><![CDATA[Optionsplit]]></category>
		<category><![CDATA[TMENU]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.tutnixgut.de/?p=787</guid>
		<description><![CDATA[Ich habe eine super Optionsplit Übersicht gefunden, diese möchte ich dir natürlich nicht vorenthalten. In diesem Tutorial werden sehr anschaulich und ausführlich die Möglichkeiten gezeigt, die einem der Befehl Optionsplit bietet. Was ist dieses Optionsplit eigentlich? Mit Optionsplit kannst du...]]></description>
				<content:encoded><![CDATA[<p>Ich habe eine super Optionsplit Übersicht gefunden, diese möchte ich dir natürlich nicht vorenthalten.<br />
In diesem Tutorial werden sehr anschaulich und ausführlich die Möglichkeiten gezeigt, die einem der Befehl Optionsplit bietet.</p>
<p><strong><span id="more-787"></span>Was ist dieses Optionsplit eigentlich?</strong></p>
<p>Mit Optionsplit kannst du für viele Bereiche gebrauchen. Es dient einzelnen Bereichen verschiedene Werte zuzuweisen.<br />
Ein Beispiel, bei dem dieser Befehl oft benutzt wird, wäre zum Beispiel ein Menü.</p>
<div id="attachment_788" class="wp-caption alignnone" style="width: 610px"><a href="http://www.brainworxx.de/brainlife/2011/11/11/typo3-menu-mit-unterschiedlichen-farben-und-klassen-optionsplit/"><img class="size-full wp-image-788" title="TYPO3 Optionsplit Tutorial" src="http://www.tutnixgut.de/wp-content/uploads/2012/11/optionsplit_typo3_tutorial.jpg" alt="Super TYPO3 Optionsplit Tutorial gefunden" width="600" height="307" /></a><p class="wp-caption-text">Hier geht es zum TYPO3 Optionsplit Tutorial</p></div>
<p>Hier geht es <a title="Optionsplit Tutorial" href="http://www.brainworxx.de/brainlife/2011/11/11/typo3-menu-mit-unterschiedlichen-farben-und-klassen-optionsplit/">zum Optionsplit Tutorial</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tutnixgut.de/super-typo3-optionsplit-tutorial-gefunden/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Megaabstauberseo Halloween SEO DAY SPEZIAL</title>
		<link>http://www.tutnixgut.de/megaabstauberseo-halloween-seo-day-spezial/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=megaabstauberseo-halloween-seo-day-spezial</link>
		<comments>http://www.tutnixgut.de/megaabstauberseo-halloween-seo-day-spezial/#comments</comments>
		<pubDate>Thu, 25 Oct 2012 15:12:18 +0000</pubDate>
		<dc:creator>Felix Habenicht</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Halloween]]></category>
		<category><![CDATA[megaabstauberseo]]></category>
		<category><![CDATA[SEO Contest]]></category>
		<category><![CDATA[seo contest 2012]]></category>
		<category><![CDATA[Suchmaschinenoptimierung]]></category>

		<guid isPermaLink="false">http://www.tutnixgut.de/?p=763</guid>
		<description><![CDATA[Megaabstauberseo Halloweenstimmung beim SEO DAY am 25.10.2012 Doch allein die Kostümidee brachte Nils nicht in die richtige Halloweenstimmung, also beschloss er, sich mit einer guten Freundin zu treffen und gemeinsam Megaabstauberseo Kürbisse zu schnitzen. Sie verbachten den ganzen Abend damit,...]]></description>
				<content:encoded><![CDATA[<h2>Megaabstauberseo Halloweenstimmung beim SEO DAY am 25.10.2012</h2>
<div id="attachment_767" class="wp-caption alignnone" style="width: 610px"><a href="http://www.tutnixgut.de/wp-content/uploads/2012/10/megaabstauberseo-halloween.jpg"><img class="size-full wp-image-767 " title="Megaabstauberseo Vampir Kürbis" src="http://www.tutnixgut.de/wp-content/uploads/2012/10/megaabstauberseo-halloween.jpg" alt="Der Megaabstauberseo Vampir Kürbis den ich mit meiner Freundin entworfen habe." width="600" height="450" /></a><p class="wp-caption-text">Der Megaabstauberseo Vampir Kürbis den ich mit meiner Freundin entworfen habe.</p></div>
<p>Doch allein die Kostümidee brachte Nils nicht in die richtige <em>Halloweenstimmung</em>, also beschloss er, sich mit einer guten Freundin zu treffen und gemeinsam <strong>Megaabstauberseo</strong> Kürbisse zu schnitzen. Sie verbachten den ganzen Abend damit, die unterschiedlichsten Kürbisgesichter zu entwerfen: Es gab ein lachenden und einen grimmigen <strong>Megaabstauberseo</strong> Kürbis, einen mit Vampirzähnen und ein Kürbis hatte sogar einen Kussmund. So saßen zwei erwachsene Menschen an einem Küchentisch, kicherten laut vor sich hin und ließen ihrer Phantasie freien Lauf. Irgendwann schaute Nils&#8217; Freundin auf die Uhr und bemerkte, dass die letzte Bahn demnächst fahren würde, also verabschiedete sie sich schnell von Nils, bedankte sich für den schönen Abend und verließ hektisch die Wohnung. Nils begann langsam die Kürbisreste aufzuräumen und lachte noch leise vor sich hin, als er den Abend Revue passieren ließ.</p>
<p><span id="more-763"></span></p>
<h2>Die Megaabstauberseo Idee</h2>
<p>Plötzlich kam ihm eine grandiose <strong>Megaabstauberseo</strong> Idee. Er ließ alles in der Küche stehen und liegen und rannt aufgeregt in sein Arbeitszimmer. Dort startete er nervös seinen Computer und fing sofort an einen Text zu tippen. Beim Aufräumen schoss Nils plötzlich die Frage in den Kopf, ob Google vielleicht auch auf aktuelle Ereignisse reagieren könnte. So zum Beispiel auch auf bekannte Feste wie Halloween, Weihnachten oder Ostern. Nils tippe also schnell einen gruseligen Text, der sämtliche Schlagwörter zur schaurigsten Zeit des Jahres beinhaltete. Vampire, Zombies und Fledermäuse tauchten in seinem Text auf, aber auch Kürbisse, Blut und Gespenster wurden thematisiert. „Hoffentlich verhilft mir dieser Text zu einem hohen Ranking“, dachte sich Nils müde, als er endlich mit seiner Horrorgeschichte fertig war. Er musste den Text nur noch schnell posten und dann ging es auch zügig ins Bett, damit er am nächsten morgen früh aufwachen und den letzten Tag für den <strong>MegaabstauberSEO</strong> SEO Contest nutzen konnte.</p>
<h2>.. erreiche das Megaabstauberseo Topranking ..</h2>
<p>Nils schlief die Nacht wirklich sehr unruhig, zwar träumte er davon, wie er zum <strong>MegaabstauberSEO</strong> ernannt und gefeiert wird, jedoch verwandelten sich die ganzen seriös wirkenden SEO&#8217;s in gruselig, grauenvolle Untote, die alle mit ausgestreckten Armen auf ihn zuliefen und sein <strong>Megaabstauberseo</strong> Gehirn fressen wollten.<br />
Nass geschwitzt wachte Nils morgen mit einem flauen Gefühl im Magen auf und taumelte als erstes an seinen Computer.<br />
„WAAAAS?!“, schrie er freudig mit aufgerissenen Augen. „Ich bin auf der ersten Seite! Wenn das heute so bleibt, dann staube ich das <strong>MegaabstauberSEO</strong> Ticket ab. Dann bin ich nicht nur ein kleiner Detektiv, sondern auch ein <strong>MegaabstauberSEO</strong>.“ Schnell lief Nils ins Bad, duschte, putze sich die Zähne, zog sich an und fuhr blitzschnell ins Büro.</p>
<p>Bleibt Nils auch auf der ersten Seite??? Mehr erfahrt ihr später <img src='http://www.tutnixgut.de/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><strong>Weitere Megaabstauberseo Artikel von mir:</strong></p>
<div>
<ol>
<li><a href="http://www.tutnixgut.de/development/das-marchen-vom-kleinen-mediengestalter-der-zum-megaabstauberseo-werden-wollte.html">Das Halloween Märchen, vom Mediengestalter der zum MegaabstauberSEO werden wollte</a></li>
<li><a href="http://www.tutnixgut.de/development/seo/5-schritte-zum-megaabstauberseo.html">5 Schritte zum MegaabstauberSeo</a></li>
<li><a href="http://www.tutnixgut.de/development/megaabstauberseo.html">Megaabstauberseo – Seo Day Contest 2012</a></li>
</ol>
<p><strong>Foto:</strong></p>
<p>sxc.hu (rainbowj)</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.tutnixgut.de/megaabstauberseo-halloween-seo-day-spezial/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Das Halloween Märchen, vom Mediengestalter der zum MegaabstauberSEO werden wollte</title>
		<link>http://www.tutnixgut.de/das-marchen-vom-kleinen-mediengestalter-der-zum-megaabstauberseo-werden-wollte/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=das-marchen-vom-kleinen-mediengestalter-der-zum-megaabstauberseo-werden-wollte</link>
		<comments>http://www.tutnixgut.de/das-marchen-vom-kleinen-mediengestalter-der-zum-megaabstauberseo-werden-wollte/#comments</comments>
		<pubDate>Wed, 24 Oct 2012 12:20:33 +0000</pubDate>
		<dc:creator>Felix Habenicht</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Contest]]></category>
		<category><![CDATA[köln]]></category>
		<category><![CDATA[Märchen]]></category>
		<category><![CDATA[megaabstauberseo]]></category>
		<category><![CDATA[SEO Contest]]></category>
		<category><![CDATA[seo contest 2012]]></category>
		<category><![CDATA[seo day]]></category>
		<category><![CDATA[Suchmaschinenoptimierung]]></category>

		<guid isPermaLink="false">http://www.tutnixgut.de/?p=733</guid>
		<description><![CDATA[Es war ein ganz verregneter Sonntagnachmittag. Schon den ganzen Tag war es draußen ungemütlich und stürmisch, so dass auf den Straßen kaum eine Menschenseele zu sehen war. Auch Nils Neumann verkroch sich bei diesem Wetter lieber mit einer heißen Tasse...]]></description>
				<content:encoded><![CDATA[<div id="attachment_757" class="wp-caption alignleft" style="width: 189px"><a href="http://www.tutnixgut.de/wp-content/uploads/2012/10/halloween-megaabstauberseo-hexe.jpg"><img class="size-medium wp-image-757" title="Megaabstauberseo Halloween Hexe" src="http://www.tutnixgut.de/wp-content/uploads/2012/10/halloween-megaabstauberseo-hexe-179x300.jpg" alt="Am 25.10 ist die Megaabstauberseo Halloween SEO Party ;)" width="179" height="300" /></a><p class="wp-caption-text">Am 25.10 ist die Megaabstauberseo Halloween SEO Party <img src='http://www.tutnixgut.de/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /></p></div>
<p align="JUSTIFY">Es war ein ganz verregneter Sonntagnachmittag. Schon den ganzen Tag war es draußen ungemütlich und stürmisch, so dass auf den Straßen kaum eine Menschenseele zu sehen war. Auch Nils Neumann verkroch sich bei diesem Wetter lieber mit einer heißen Tasse Kaffe in seinem Büro, setzte sich vor den Computer, drehte die Musik auf und surfte ziellos im Internet rum.</p>
<p align="JUSTIFY">Nils hatte im letzten Sommer seine Ausbildung zum Mediendesigner abgeschlossen und war gerade auf der Suche nach neuen, spannenden Herausforderungen.</p>
<p align="JUSTIFY">Seine Arbeit machte ihm viel Spaß, keine Frage, doch manchmal, wenn er so vor sich hin träumte, dachte er an die Zeiten zurück, als er noch ein kleiner Junge war.</p>
<p align="JUSTIFY">Damals wollte er immer Detektiv werden. Es machte ihm Spaß, kleine Spuren zu verfolgen, das Köpfchen zu benutzen, um dann letztendlich den Täter und sein Vorgehen zu entlarven. Er wäre vermutlich der größte und bekannteste Meisterdetektiv der Welt geworden. Vielleicht hätte er ja sogar ein paar Ehrungen abgestaubt, für seine besonders mutige und tollkühne Arbeit.</p>
<p align="JUSTIFY">„Schade!“, dachte Nils, als er aus seinem Tagtraum erwachte.</p>
<p align="JUSTIFY">Anstatt irgendwelchen Dieben hinterher zu jagen, saß er nur an seinem PC und googlte die unterschiedlichsten Dinge.</p>
<p align="JUSTIFY"><span id="more-733"></span></p>
<p align="JUSTIFY">„ Das ist ja echt mega der Wahnsinn“, sagte Nils leise vor sich hin, als er „Medienagentur“ bei Google eingab, um nachzuschauen, ob er auch die Seite seiner Agentur finden würde. Google listete nicht nur ein paar Agenturen auf, nein, Google führte über eine Millionen Treffer an, die feinsäuberlich geordnet schienen. Alle Agenturen boten im Grunde ähnliche Leistungen an, aber wonach sortiere Google seine Treffer dann? Diese Frage ließ Nils die ganzen darauffolgenden Stunden nicht los. Er recherchierte wie ein kleiner Detektiv, bis er auf die drei großen und ausschlaggebenden Buchstaben traf SEO. Mit Hilfe von SEO konnten Mediengestalter, wie Nils, die Internetseiten auf Google höher pushen und es ihren Kunden ermöglichen, dass diese von viel mehr potenziellen Kunden im Internet gefunden werden können. Das einzige Problem am SEO lag darin, dass selbst Leute, die sich den ganzen Tag mit Google beschäftigten, nicht genau sagen konnten, wie es funktionierte. Sie testen selber immer nur aus und müssen sich ständig neue Wege einfallen lassen, um ihre Seiten möglichst hoch ranken zu können. „DAS muss ich ausprobieren, das ist ja wie eine große Detektivarbeit“, freute sich Nils und sein Ehrgeiz wurde plötzlich ganz neu entflammt.</p>
<div id="attachment_758" class="wp-caption alignnone" style="width: 610px"><a href="http://www.tutnixgut.de/wp-content/uploads/2012/10/halloween-megaabstauberseo-kuerbis.jpg"><img class="size-full wp-image-758 " title="Halloween Megaabstauberseo Kürbis" src="http://www.tutnixgut.de/wp-content/uploads/2012/10/halloween-megaabstauberseo-kuerbis.jpg" alt="Hast du auch Angst vor dem Megaabstauberseo Kürbs?" width="600" height="450" /></a><p class="wp-caption-text">Hast du auch Angst vor dem Megaabstauberseo Kürbs?</p></div>
<p align="JUSTIFY">Von nun an sorgte er dafür, dass er in seiner Agentur alles über SEO lernen durfte und verfolgte jeden Tag neue Spuren, um dem großen unbekannten Google auf die Schliche zu kommen. Er lernte schnell dazu. Beispielsweise wusste er nun, dass Überschriften, URL&#8217;s und Backlinks eine große Rolle spielen. Schon bald war Nils so fit in der Thematik, dass er problemlos dafür sorgte, dass seine Kunden besser gefunden wurden.</p>
<p align="JUSTIFY">Doch insgeheim fiebert Nils schon auf das große Ereignis aller SEO Liebhaber hin. Der SEO DAY 2012 in Köln. Für Nils kam es einer Pilgerreise gleich. Er musste und wollte unbedingt mit anderen SEO-Detektiven seine Erfahrungen austauschen und von den ganz Großen lernen.</p>
<p align="JUSTIFY">Es gab nur ein Problem, Nils&#8217; Chef wollte ihm das Ticket nicht finanzieren und privat wäre es zu teuer gewesen. Also setze sich Nils wieder an seinen PC und begann erneut zu recherchieren. Dieses mal suchte er nach einem Weg, um ein heißbegehrtes SEO Ticket zu gewinnen. Und siehe da, es gab eine Möglichkeit.</p>
<h2><a title="Megaabstauberseo im Überblick" href="http://www.tutnixgut.de/development/megaabstauberseo.html">„MegaabstauberSEO“, das war das Wort, welches Nils zum Ticket führen sollte.</a></h2>
<p align="JUSTIFY">Die Aufgabe schien zunächst leicht: Nils sollte versuchen eine Page zu erstellen, welche auf der ersten Seite unter den Google Treffern erschien, wenn jemand „<strong>MegaabstauberSEO</strong>“ in das Suchfeld eingab. „Kein Problem“ dachte sich Nils und investiere seine ganze Zeit damit, eine Page zu erstellen, die stetig weit oben gerankt wurde. Er postete Texte, Bilder, Videos, ja alles, was ihm in die Quere kam. Doch die Konkurrenz schlief nicht, jeden Tag führte Google tausende neue Suchergebnisse auf, welche es Nils erschwerten, seine Page auf der ersten Seite zu halten.</p>
<p align="JUSTIFY">Doch anstatt aufzugeben, machte Nils das beste draus. Schließlich wollte er das SEO DAY Ticket abstauben, er wollte zum MegaabstauberSEO ernannt werden. Aufgeben kam für ihn einfach nicht in Frage. Also arbeitete er noch härter an neunen Strategien, probierte neue Ideen aus und postete alle verwertbaren Dinge auf seinem Blog. Jede Nacht träumte er davon, das Ticket in seinen Händen zu halten &#8211; wie einen Preis als Meisterdetektiv, würde er das Ticket ehren.</p>
<p align="JUSTIFY">Eine kleine Auszeit gönnte er sich jedoch kurz vor <strong>Halloween</strong>. Seine Freunde planten am <strong>31. Oktober</strong> eine mega Party und alle Gäste mussten sich verkleiden. Nils wusste ganz genau, dass er nach dem SEO DAY sowieso keine originellen Ideen für ein Kostüm haben würde, denn er würde die ganze Zeit versuchen, die Tipps der anderen SEO-Detektive umzusetzen und dabei die Zeit vergessen. „Als MegaabstauberSEO kann ich wohl nicht gehen“, dachte sich Nils, denn es gab ja kein typisches SEO-Aussehen und zu <strong>Halloween</strong> passte das Thema auch nicht wirklich. Nach langem Überlegen entschloss er sich, sich als Geisterjäger zu verkleiden. Da sich in seinem Leben momentan eh alles um SEO drehte, fand er auch sofort zu diesem Kostüm und seinem geliebten Job eine Verknüpfung. Er jagte ja schließlich jeden Tag dem Google-Geist hinterher und versuchte das Geheimnis, welches sich hinter diesem Geist verbarg, zu lüften.</p>
<p align="JUSTIFY"><strong>Weitere Megaabstauberseo News</strong></p>
<ul>
<li><a href="http://www.tutnixgut.de/development/megaabstauberseo.html">Megaabstauberseo – Seo Day Contest 2012</a></li>
<li><a href="http://www.tutnixgut.de/development/seo/5-schritte-zum-megaabstauberseo.html">5 Schritte zum MegaabstauberSeo</a></li>
</ul>
<p align="JUSTIFY"><strong>Megaabstauberseo</strong> <strong>Fotos:</strong></p>
<ol>
<li>Hexe (PixelCake) sxc.hu</li>
<li>Kürbis (kgreggain) sxc.hu</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.tutnixgut.de/das-marchen-vom-kleinen-mediengestalter-der-zum-megaabstauberseo-werden-wollte/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Webseiten Bildoptimierung &#8211; Bilder für die Internetseite komprimieren auch ohne Qualitätsverlust</title>
		<link>http://www.tutnixgut.de/webseiten-bildoptimierung-bilder-fur-die-internetseite-komprimieren-auch-ohne-qualitatsverlust/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=webseiten-bildoptimierung-bilder-fur-die-internetseite-komprimieren-auch-ohne-qualitatsverlust</link>
		<comments>http://www.tutnixgut.de/webseiten-bildoptimierung-bilder-fur-die-internetseite-komprimieren-auch-ohne-qualitatsverlust/#comments</comments>
		<pubDate>Tue, 23 Oct 2012 08:33:17 +0000</pubDate>
		<dc:creator>Felix Habenicht</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Geschwindigkeit]]></category>
		<category><![CDATA[gif]]></category>
		<category><![CDATA[ImageOptim]]></category>
		<category><![CDATA[JPEGMini]]></category>
		<category><![CDATA[jpg]]></category>
		<category><![CDATA[Komprimierung]]></category>
		<category><![CDATA[optimierung]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[PNG]]></category>
		<category><![CDATA[Smushit]]></category>

		<guid isPermaLink="false">http://www.tutnixgut.de/?p=423</guid>
		<description><![CDATA[Website Speed Optimierung ist derzeit in aller Munde, egal ob gzip, expires Header oder Etags. Meiner Meinung nach, werden die wirklichen Datenfresser trotzdem oft nicht bedacht. Denn leider ist es komplizierter Bilder konsequent zu optimieren, daher tauchen in diesem Bereich...]]></description>
				<content:encoded><![CDATA[<p>Website Speed Optimierung ist derzeit in aller Munde, egal ob gzip, expires Header oder Etags. Meiner Meinung nach, werden die wirklichen Datenfresser trotzdem oft nicht bedacht. Denn leider ist es komplizierter Bilder konsequent zu optimieren, daher tauchen in diesem Bereich auch ständig neue Defizite auf.</p>
<p>Ich werde heute sowohl zwei Seiten, als auch ein Tool vorstellen, welche es Dir ermöglichen, deine Grafiken zu verkleinern. Generell kann ich jedoch empfehlen, dass man in naher Zukunft auf den Gebrauch von Grafiken in Designs verzichten sollte, um diesen Problematiken aus dem Weg zu gehen.</p>
<p><span id="more-423"></span> Auf der einen Seite lassen sich mit Hilfe von CSS3 abgerundete Ecken und Verläufe darstellen, auf der anderen Seite ist es möglich mit Webfonts auf gerenderte Schriften zu verzichten. Außerdem ist es sinnvoll, viele kleine Grafiken in Sprites zusammen zu fassen und per CSS später zu positionieren. Dadurch lassen sich Daten und Requests einsparen. Genau diese Dinge hat Martin vor einiger Zeit in seinem Blog detaillierter beschrieben.</p>
<p><a title="Pagespeed mit CSS Sprites" href="http://www.tagseoblog.de/pagespeed-optimieren-mit-sprite-images-und-css-sprites">PageSpeed mit CSS Sprites von Martin Missfeldt</a></p>
<p>Dem einen oder anderen ist es gar nicht bewusst, welche Datenmengen bei einem Internetseitenbesuch durch die Leitung gehen. Hier sollte man sich mal mit einem Tool, z.b. PageSpeed (Chrome Broser) oder Yslow (Firefox Browser), die heruntergeladene Seitengröße anzeigen lassen. Alternativ kann man die betroffenen Seiten aber auch mit dem Smartphone oder einem Tablet ansurfen. Hierbei sollte auf jeden Fall beachtet werden, dass man nicht über das WLAN ins Internet geht. Spätestens nach diesem Test sollte es offensichtlich sein, dass ein großer Handlungsbedarf besteht.</p>
<p>Zunächst ist es wichtig, das richtige Format zu wählen ( jpg, png (8/24bit) oder gif). Sicherlich sind die Unterschiede oft nicht sichtbar und die eingesparten Kilobytes scheinen auf den ersten Blick auch nicht so hoch, jedoch summieren sich die Kilobytes später und genau dieser Fakt wird oftmals nicht berücksichtig.</p>
<p>Ich speichere die Bilder mit Photoshop über die Option &#8220;Für Web und Geräte speichern&#8221;.</p>
<p>Mit folgenden Einstellungen: GIF, PNG 8bit, PNG 24bit, JPG  Qualität 30% ,  JPG  Qualität 70%,  JPG  Qualität 100%.</p>
<p>Welchen dieser Screenshots würdest Du von der Datenmenge kleiner einschätzen?</p>
<p>(Am besten kann du die Screenshots vergleichen, wenn du sie in einem neuen Tab öffnest)</p>
<p><a href="http://www.tutnixgut.de/wp-content/uploads/2012/02/tutnixgut-png24.png"><img class="alignnone size-medium wp-image-452" title="tutnixgut-png24" src="http://www.tutnixgut.de/wp-content/uploads/2012/02/tutnixgut-png24-300x187.png" alt="" width="300" height="187" /></a><a href="http://www.tutnixgut.de/wp-content/uploads/2012/02/tutnixgut-jpg-quali-30.jpg"><img class="alignnone size-medium wp-image-456" title="tutnixgut-jpg-quali-30" src="http://www.tutnixgut.de/wp-content/uploads/2012/02/tutnixgut-jpg-quali-30-300x187.jpg" alt="" width="300" height="187" /></a><a href="http://www.tutnixgut.de/wp-content/uploads/2012/02/tutnixgut-gif256.gif"><img class="alignnone size-medium wp-image-455" title="tutnixgut-gif256" src="http://www.tutnixgut.de/wp-content/uploads/2012/02/tutnixgut-gif256-300x187.gif" alt="" width="300" height="187" /></a><a href="http://www.tutnixgut.de/wp-content/uploads/2012/02/tutnixgut-jpg-quali-100.jpg"><img class="alignnone size-medium wp-image-454" title="tutnixgut-jpg-quali-100" src="http://www.tutnixgut.de/wp-content/uploads/2012/02/tutnixgut-jpg-quali-100-300x187.jpg" alt="" width="300" height="187" /></a><a href="http://www.tutnixgut.de/wp-content/uploads/2012/02/tutnixgut-png8.png"><img class="alignnone size-medium wp-image-453" title="tutnixgut-png8" src="http://www.tutnixgut.de/wp-content/uploads/2012/02/tutnixgut-png8-300x187.png" alt="" width="300" height="187" /></a><a href="http://www.tutnixgut.de/wp-content/uploads/2012/02/tutnixgut-jpg-quali-70.jpg"><img class="alignnone size-medium wp-image-457" title="tutnixgut-jpg-quali-70" src="http://www.tutnixgut.de/wp-content/uploads/2012/02/tutnixgut-jpg-quali-70-300x187.jpg" alt="" width="300" height="187" /></a></p>
<p><strong>Lösung:</strong></p>
<p>Reihe 1) PNG 24bit =&gt;  280KB | JPG Qualität 30% =&gt; 84KB<br />
Reihe 2) GIF 256 Farben  =&gt; 136KB | JPG Qualität 100% =&gt; 356KB<br />
Reihe 3) PNG 8bit =&gt; 112 KB | JPG Qualität 70% =&gt; 172KB</p>
<p>Das größte Bild ist das JPG mit einer Qualität von 100%, dies ist an sich nicht verwunderlich.<br />
Das kleinste Bild ist das JPG mit einer Qualität von 30%. Jedoch siehst du hier im Browserkopf Artefakte, welche ebenfalls in den Bereichen um die Schriften zu erkennen sind.</p>
<p>Im PNG 8 hingegen lässt sich bereits eine Verbesserung erkennen, da die Größe nun 128 KB beträgt. Problematisch bei diesem Bild ist es jedoch, dass es nur 256 Farben darstellen kann. Erkennbar ist dieses Problem im Browserkopf, da an dieser Stelle der Verlauf  recht unsauber ist. Doch abgesehen von diesen Einzelheiten, bin ich mit dem Ergebnis trotzdem zufrieden.</p>
<p>Der Screen meines Blogs ist nicht so gut geeignet, da die Hauptfläche größtenteils weiß und schwarz sind und nicht sehr viele Farben beinhalten. Dabei lassen sich keine direkt Qualitätseinbußen erkennen.</p>
<p>Aus diesem Grund werde ich noch einen weiteren Test, mit einem normalen Foto machen. An diesem Beispiel lassen sich die Qualitätsunterschiede sichtbar erkennen.</p>
<p>Und wieder die altbekannte Frage an Dich, welches Bild würdest Du von der Datengröße kleiner einschätzen?</p>
<p><a href="http://www.tutnixgut.de/wp-content/uploads/2012/10/flensburger_qual100.jpg"><img class="alignnone size-medium wp-image-720" title="flensburger_qual100" src="http://www.tutnixgut.de/wp-content/uploads/2012/10/flensburger_qual100-300x200.jpg" alt="" width="300" height="200" /></a><a href="http://www.tutnixgut.de/wp-content/uploads/2012/10/flensburger_qual70.jpg"><img class="alignnone size-medium wp-image-719" title="flensburger_qual70" src="http://www.tutnixgut.de/wp-content/uploads/2012/10/flensburger_qual70-300x200.jpg" alt="" width="300" height="200" /></a><a href="http://www.tutnixgut.de/wp-content/uploads/2012/10/flensburger_qual30.jpg"><img class="alignnone size-medium wp-image-718" title="flensburger_qual30" src="http://www.tutnixgut.de/wp-content/uploads/2012/10/flensburger_qual30-300x200.jpg" alt="" width="300" height="200" /></a><a href="http://www.tutnixgut.de/wp-content/uploads/2012/10/flensburger_gif.gif"><img class="alignnone size-medium wp-image-717" title="flensburger_gif" src="http://www.tutnixgut.de/wp-content/uploads/2012/10/flensburger_gif-300x200.gif" alt="" width="300" height="200" /></a><a href="http://www.tutnixgut.de/wp-content/uploads/2012/10/flensburger_24bit.png"><img class="alignnone size-medium wp-image-716" title="flensburger_24bit" src="http://www.tutnixgut.de/wp-content/uploads/2012/10/flensburger_24bit-300x200.png" alt="" width="300" height="200" /></a><a href="http://www.tutnixgut.de/wp-content/uploads/2012/10/flensburger_8bit_png.png"><img class="alignnone size-medium wp-image-715" title="flensburger_8bit_png" src="http://www.tutnixgut.de/wp-content/uploads/2012/10/flensburger_8bit_png-300x200.png" alt="" width="300" height="200" /></a></p>
<p><strong>Lösung:</strong></p>
<p>Reihe 1) JPG Qualität 100% =&gt;  644KB | JPG Qualität 70% =&gt; 231KB<br />
Reihe 2) JPG Qualität 30%  =&gt; 88KB | GIF 256 Farben =&gt; 405KB<br />
Reihe 3) PNG 24bit =&gt; 1,1MB | PNG 8bit =&gt; 394KB</p>
<p>In der ersten Reihe lassen sich eigentlich keine Unterschiede erkennen. Jedoch ist die Größe der Bilder mehr als halbiert.<br />
In der zweiten Reihe ist natürlich das JPG Bild mit 30% der absolute Knüller, mit 88KB  ist dieses Bild für seine Maße wirklich klein. Dennoch ist der Qualitätsverlust sehr deutlich sichtbar. Im Bereich des Himmel bilden sich Artefakte, außerdem verschwimmt das Etikett und wird unscharf, so dass der Betrachter den Schriftzug darauf nicht mehr lesen kann. Bei dem 8bit PNG und dem GIF Bild ist es sehr ersichtlich, dass man an dieser Stelle mit 256 Farben nicht weit kommt. Es ist zu beobachten, dass die Bilder  sich sehr ähnlich verhalten und das sie sich farblich im Bereich des Himmels verändern.</p>
<p>Über das PNG 24bit Bild brauche ich wohl kaum etwas sagen, mit 1,1MB ist das Bild nicht Web tauglich.</p>
<p>Mit diesen 3 Tools kannst Du deine Bilder noch zusätzlich optimieren und noch einige weitere KB&#8217;s einsparen.</p>
<p><strong>ImageOptim &#8211; PNG Komprimierung</strong></p>
<p>Ich möchte Dir ein cooles Tool für den Mac vorstellen.<br />
Mit <a title="ImageOptim" href="http://imageoptim.com/">ImageOptim</a> kannst Du PNG Dateien stark verkleinern. Dabei ziehst Du dein Bild einfach in das Programm und ImageOptim führt die Optimierung der Bilder aus. Je nach Größe des Bildes lässt sich hier noch einiges an Datengröße reduzieren.</p>
<ul>
<li><a href="http://imageoptim.com/">http://imageoptim.com/</a></li>
</ul>
<p><strong>JPEGmini</strong></p>
<p>Mit JPEGmini lässt sich die Größe von JPG Bildern reduzieren. Ich habe hier einen interessanten Artikel mit einem Vergleichen gefunden. Diesen kostenlosen Dienst kann ich persönlich nur weiterempfehlen. Schau ihn Dir doch ruhig einmal an.</p>
<p><a href="http://jpegmini.com/">http://jpegmini.com/</a></p>
<p>Hier findet du den ausführlichen Artikel von <a href="http://www.pixelstrol.ch/2011/10/fotos-komprimieren-mithilfe-von-jpegmini/">Stefan über JPEGmini</a></p>
<p><strong>Yahoo Smush It</strong></p>
<p>Ein ähnlichen Dienst bietet außerdem Yahoo an. Hier können auch JPG Bilder hochgeladen werden, diese werden komprimiert und anschließend lässt sich die optimierte Version herunterladen. Auch hier ist das Ergebnis verblüffend.</p>
<ul>
<li><a href="http://www.smushit.com/">http://www.smushit.com/</a></li>
</ul>
<p><strong>EDIT 26.10.2012</strong></p>
<p>Heute in der T3N gesehen! TinyPNG ist ein Anbieter bei dem man online seine PNG Bilder optimieren kann. Sieht sehr gut aus! <img src='http://www.tutnixgut.de/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
Anbei der Link zum T3N Artikel: <a href="http://t3n.de/news/tinypng-bilder-wenig-421853/">http://t3n.de/news/tinypng-bilder-wenig-421853/</a></p>
<ul>
<li><a href="http://tinypng.org/">http://tinypng.org/</a></li>
</ul>
<p><strong>Fazit:</strong></p>
<p>An Bildoptimierung kommt heutzutage keine Internetseite mehr vorbei, denn allein wegen des massiven Zuwachses der Mobilensufer, sollte man sich die Mühe machen und die Grafikengröße reduzieren oder komplett durch CSS3 ersetzen. Besonders wenn es nicht möglich ist, für diese Nutzergruppe eine optimierte Handyversion bereitzustellen.</p>
<p>Allein mit der Photoshop Speicherfunktion, lassen sich sehr gute Ergebnisse erzielen und man kann so einiges für eine schnelle Internetseite tun. Hierbei musst Du lediglich beachten, dass, je nach Komprimierungsfaktor der Bilder, Fehler in Form von Artefakte entstehen. Aber eine Komprimierung von 60-70 % ist meistens kaum zu erkennen und daher umsetzbar.</p>
<p>Freunde der Suchmaschinenoptimierung wissen schon lange, das Google die Geschwindigkeit der Internetseite als Rankingfaktor mit in die Platzierung der SERPs einbezogen hat. Was ich persönlich sehr gut nachvollziehen kann, weil es nichts ärgerlicheres gibt , als langes Warten auf das Laden einer Internetseite.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tutnixgut.de/webseiten-bildoptimierung-bilder-fur-die-internetseite-komprimieren-auch-ohne-qualitatsverlust/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>5 Schritte zum MegaabstauberSeo</title>
		<link>http://www.tutnixgut.de/5-schritte-zum-megaabstauberseo/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=5-schritte-zum-megaabstauberseo</link>
		<comments>http://www.tutnixgut.de/5-schritte-zum-megaabstauberseo/#comments</comments>
		<pubDate>Tue, 16 Oct 2012 20:55:10 +0000</pubDate>
		<dc:creator>Felix Habenicht</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[megaabstauberseo]]></category>
		<category><![CDATA[SEO Contest]]></category>
		<category><![CDATA[Suchmaschinenoptimierung]]></category>

		<guid isPermaLink="false">http://www.tutnixgut.de/?p=691</guid>
		<description><![CDATA[Du willst also ein MegaabstauberSeo werden und allein mit Hilfe dieses Keywords den diesjährigen SEO Contest gewinnen?! Da stellt sich zunächst die Frage, wie man denn eigentlich solchen einen Contest gewinnen und das heißbegehrte Ticktet für den SEO Day 2012...]]></description>
				<content:encoded><![CDATA[<p><strong>Du willst also ein <a title="MegaabstauberSEO" href="http://www.tutnixgut.de/development/megaabstauberseo.html">MegaabstauberSeo</a> werden und allein mit Hilfe dieses Keywords den diesjährigen SEO Contest gewinnen?!</strong></p>
<p>Da stellt sich zunächst die Frage, wie man denn eigentlich solchen einen Contest gewinnen und das heißbegehrte Ticktet für den SEO Day 2012 ergattern kann.</p>
<blockquote>
<h2>Es dreht sich alles um den <a title="MegaabstauberSEO - SEO CONTEST Köln" href="http://www.tutnixgut.de/development/megaabstauberseo.html">Megaabstauberseo</a></h2>
</blockquote>
<p>Grundsätzlich sind dir keine Grenzen in diesem <strong>MegaabstauberSeo</strong> Contest gesetzt, solange du fair bleibst, kannst Du alle deine Ideen umsetzen und austesten.</p>
<div id="attachment_696" class="wp-caption alignnone" style="width: 610px"><a href="http://www.tutnixgut.de/wp-content/uploads/2012/10/megaabstauberseo.gif"><img class="size-full wp-image-696" title="Let's Rock Megaabstauberseos" src="http://www.tutnixgut.de/wp-content/uploads/2012/10/megaabstauberseo.gif" alt="Let's Rock Megaabstauberseos" width="600" height="441" /></a><p class="wp-caption-text">Bild zum Megaabstauberseo SEO Contest</p></div>
<p><span id="more-691"></span></p>
<p>Aber die folgenden 5 Punkte helfen dir vielleicht trotzdem etwas weiter</p>
<ol>
<li><strong>MegaabstauberSEO</strong>&#8216;s müssen <em>kreativ</em> und <em>innovativ</em> sein. Also mach dir erst einmal keinen Stress, denn wie wir alle wissen, hat man die besten Ideen, wenn man sich nicht unter Druck setzt.</li>
<li>Sei <em>mutig</em>. Niemand weiß, wie Google funktioniert und genau deshalb ist es wichtig, dass du deine Ideen auf jeden Fall ausprobierst. Selbst wenn es nicht klappt, kannst du daraus lernen.</li>
<li>Sei <em>schnell</em>. Es ist unglaublich, wie rasant die Anzahl der Suchergebnisse wachsen. Innerhalb von einer Stunde kamen über 1000 neue Beiträge hinzu. Aktuell findest du für das Keywords <strong>Megaabstauberseo</strong> 57.300 Treffer.</li>
<li><em>Bleib am Ball</em>! Ein einziger Beitrag wird dich auf Dauer nicht auf den Topplätzen halten, je konstanter du postest, desto mehr Chancen hast du auf einen guten Platz.</li>
<li>Sei <em>motiviert</em>. Selbst wenn du es in diesem Jahr nicht auf die Topplätze schaffst, brauchst du nicht enttäuscht sein. Google ist so komplex, dass man <em>Erfahrungen</em> sammeln muss und dazu sind solche Conteste einfach genial. <img src='http://www.tutnixgut.de/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </li>
</ol>
<p>Lets&#8217;s rock ihr <em>Megaabstauberseos</em>! <img src='http://www.tutnixgut.de/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.tutnixgut.de/5-schritte-zum-megaabstauberseo/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Megaabstauberseo &#8211; Seo Day Contest 2012</title>
		<link>http://www.tutnixgut.de/megaabstauberseo/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=megaabstauberseo</link>
		<comments>http://www.tutnixgut.de/megaabstauberseo/#comments</comments>
		<pubDate>Fri, 12 Oct 2012 22:21:31 +0000</pubDate>
		<dc:creator>Felix Habenicht</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[fabian rossbacher]]></category>
		<category><![CDATA[köln]]></category>
		<category><![CDATA[megaabstauberseo]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[seo contest 2012]]></category>
		<category><![CDATA[seo day]]></category>
		<category><![CDATA[Wettbewerb]]></category>

		<guid isPermaLink="false">http://www.tutnixgut.de/?p=624</guid>
		<description><![CDATA[Der SEO DAY rückt immer näher und Fabian Rossbacher hat dieses Jahr einen weiteren SEO Contest ins Leben gerufen. Im letzten Jahr hat Fabian selber keinen Contest veranstaltet, darum ist es jetzt umso erfreulicher, dass es eine weitere Möglichkeit für...]]></description>
				<content:encoded><![CDATA[<p>Der <a href="http://www.seo-day.de">SEO DAY</a> rückt immer näher und Fabian Rossbacher hat dieses Jahr einen weiteren SEO Contest ins Leben gerufen. Im letzten Jahr hat Fabian selber keinen Contest veranstaltet, darum ist es jetzt umso erfreulicher, dass es eine weitere Möglichkeit für SEO-Fans gibt, sich auszuprobieren und dabei vielleicht sogar etwas zu gewinnen.</p>
<p>Der SEO Day jährt sich dieses Jahr das zweite mal und findet ebenfalls wieder in Köln statt. Fabian wird sicherlich in diesem Jahr mindestens genauso aufgeregt sein, wie beim ersten SEO Day 2011 und gerade, weil ich diese Freude mit ihm teilen kann, freue ich mich besonders über den <strong>Megaabstauberseo</strong> SEO Day Contest 2012.</p>
<p>Der wichtigste Begriff der nächsten 2 Wochen lautet:</p>
<blockquote><p>Megaabstauberseo</p></blockquote>
<p>für dieses Keyword sollen die ausgewählten Seiten besonders weit vorne bei Google zu finden sein.</p>
<div id="attachment_664" class="wp-caption alignnone" style="width: 610px"><a href="http://www.tutnixgut.de/wp-content/uploads/2012/10/megaabstauberseo-seoday.jpg"><img class="size-full wp-image-664" title="Megaabstauberseo Abstaubsauger" src="http://www.tutnixgut.de/wp-content/uploads/2012/10/megaabstauberseo-seoday.jpg" alt="Megaabstauberseo Abstaubsauger für den SEO DAY" width="600" height="413" /></a><p class="wp-caption-text">Der Megaabstauberseo Abstaubsauger für den SEO DAY räumt ordentlich ab.</p></div>
<p><span id="more-624"></span></p>
<p>Letztes Jahr war ich selber auf dem SEO DAY und fand es wirklich cool. Es war für mich die erste und bislang auch einzige SEO Konferenz. Dennoch kann ich sagen, dass mir die Atmosphäre sehr gut gefallen hat. Ein persönliches Highlight war das Kickerturnier, welches von der Firma <a href="http://www.ranking-check.de/">RankingCheck</a> organisierte wurde. Das Kickerturnier lockerte die Atmosphäre nicht nur auf, sondern ermöglichte es mir auch, viele Kontakte zu Gleichgesinnten knüpfen zu können. Außerdem stimmte es die Teilnehmer schon im Vorfeld auf den SEO DAY ein.</p>
<h2></h2>
<h2>Video des Megaabstauberseo</h2>
<p>Hier ist das Video, indem Fabian zum Seo Day Megaabstauberseo Contest aufruft. Der Fabian ist schon ein Spaßvogel. <img src='http://www.tutnixgut.de/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><a href="http://www.youtube.com/watch?v=YFcYVFfaIzM&#038;fmt=18">http://www.youtube.com/watch?v=YFcYVFfaIzM</a></p>
<h2></h2>
<h2>Megaabstauberseo Bild</h2>
<p>Mich beschäftigt die Frage, ob Google bei meinen Megaabstauberseo Bildern auch die Exif Daten berücksichtigt werden. Ich werde zwei verschiedene Megaseoabstaub- Bilder einbauen. In den Exif Daten werde ich auch Begriffe wie SEO, SEO DAY und Megaabstauberseo integrieren. Ich bin gespannt ob es einen Einfluss hat.</p>
<div id="attachment_650" class="wp-caption alignnone" style="width: 610px"><a href="http://www.tutnixgut.de/wp-content/uploads/2012/10/megaabstauberseo.jpg"><img class="size-full wp-image-650" title="Bild des Megaabstauberseo " src="http://www.tutnixgut.de/wp-content/uploads/2012/10/megaabstauberseo.jpg" alt="Veranstaltungsort des Megaabstauberseo Siegerehrung" width="600" height="400" /></a><p class="wp-caption-text">In dieser Megaabstauberseo sind verschiedene Exif Daten hinterlegt.</p></div>
<h2></h2>
<h2>Megaabstauberseo in HTML5</h2>
<p>Desweiteren erstelle ich ein Code Beispiel in HTML5, in dem man eigene Attribute definieren kann. In dieses werde ich auch das Keyword &#8220;<strong>Megaabstauberseo</strong>&#8221; unterbringen. Mit den neuen Tags lassen sich mit HTML5 die Internetseite in verschiedene Parts untergliedern. Vermutlich wird Google diese Tags demnächst auch schon berücksichtigen und so relevantere Teile der Internetseite bewerten zu können.</p>
<pre class="brush: plain; title: ; notranslate">
&lt;header&gt;
&lt;!-- Logo etc. --&gt;
&lt;/header&gt;
&lt;nav&gt;
	&lt;ul&gt;
		&lt;li&gt;&lt;a href=&quot;/&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href=&quot;megaabstauberseo.html&quot;&gt;Contest vom SEO DAY Köln&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;
&lt;/nav&gt;
&lt;article&gt;
	&lt;section id=&quot;article&quot; data-megaabstauberseo=&quot;Unter die Top 10^^&quot;&gt;
		&lt;header&gt;
			&lt;h1&gt;Mein Megaabstauberseo Blogpost&lt;/h1&gt;
			&lt;p&gt;von Felix Habenicht&lt;/p&gt;
		&lt;/header&gt;
		&lt;footer&gt; (c) 2012 tutnixgut &lt;/footer&gt;
		&lt;p&gt;Hier Steht der Inhalt des Blogs&lt;/p&gt;
	&lt;/section&gt;
&lt;/article&gt;
&lt;aside&gt;
	&lt;!-- Sidebar für Links  --&gt;
&lt;/aside&gt;
&lt;footer&gt;
	&lt;!-- Footer für das Impressum etc. --&gt;
&lt;/footer&gt;
</pre>
<h2></h2>
<h2>Megaabstauberseo Aufzählungspunkte</h2>
<p>Du möchtest auch am SEO Contest teilnehmen, dann solltest Du folgende Dinge erledigen:</p>
<ul>
<li>einmal die SEO DAY Seite von Fabian liken oder twittern</li>
<li>einen Link auf seine Seite setzen. Hier geht es zum <strong><a href="http://www.seo-day.de/seo-contest-der-megaabstauberseo-raumt-richtig-ab.html">Megaabstauberseo Contest</a></strong>. Erledigt <img src='http://www.tutnixgut.de/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </li>
<li>und natürlich für das Phantasiewort Megaabstauberseo unter den Top 10 ranken.</li>
</ul>
<div>Nun bin ich wirklich gespannt, ob die Seite etwas besser rankt als beim HochgeschwinigkeitsSEO Contest. Da war ich mit meinem Ranking leider noch nicht so erfolgreich. Aber es war trotzdem lustig und ich habe auch dabei wieder etwas mehr an Erfahrung gesammelt. Mal schauen welche Schlüsse ich aus diesem Megaabstauberseo Contest ziehen kann. Ich bin wirklich gespannt auf die nächsten zwei Wochen.</div>
<div></div>
<div>Ich werde versuchen immer wieder über neue Entwicklungen zu berichten und diesen Beitrag weiterführen.</div>
<p>Zum Schluss gibt es noch den <a href="http://www.tutnixgut.de/wp-content/uploads/2012/10/megaabstauberseo.pdf">Megaabstauberseo PDF zum downloaden</a>.</p>
<p><strong>Update: 13.10.2012 / 11:10</strong></p>
<p>Ich bin mit dem Keyword Megaabstauberseo auf Platz 20 in die SERPs eingestiegen. Komischerweise hat Google den RSS-Feed indexiert, samt Google Analytics Code. Bemerkenswert finde ich, dass die Seite ungefähr 20 Minuten nach Onlineschaltung schon in den Serps aufzufinden war.</p>
<p><em>Erste Erkenntnis &#8211; Google liest Exif Daten aus</em></p>
<p>Google liest Exif Daten aus Bildern aus, jedoch gibt es anscheinend Felder, die Google bevorzugt. Zum Beispiel wurde das Datumsfeld ausgelesen, jedoch nicht das Beschreibungsfeld, sowie das Copyrightfeld. Wahrscheinlich gibt es vordefinierte Felder, die leider meine Software nicht benutzt hat. Ich werde es später mit einer anderen Software und einem weiteren Bild probieren.</p>
<p><strong>Update: 13.10.2012 / 17:47</strong></p>
<p>Ungefähr nach 17 Stunden die erste starke Veränderung. <img src='http://www.tutnixgut.de/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' />  Google hat die Seite nun das zweite mal indexiert. (Konnte ich erkennen, da nun die Richsnippets Beitragsbewertung mit aufgenommen wurde.) Der vorherige indexierte RSS-Feed ist entfernt worden und nun rankt die normale Seite am Ende der vierten Seite der SERPs. Sehr cool ist das mein <strong>Megaabstauberseo PDF </strong>in den SERPs zu finden ist. Meine beiden Bilder sind immer noch auf Seite 2 zu finden. Man kann übrigens bei Google+ expliziert Bilder plusen.</p>
<p><strong>Update: 15.10.2012 / 18:47</strong></p>
<p>Eigentlich wollte ich schon gestern, bzw. heute morgen etwas schreiben, aber leider bin ich nicht dazu gekommen. Zwischenzeitlich war ich bis auf Seite 7 runtergefallen. Nun bin ich aktuell auf Seite 5 auf Platz 7.<br />
Heute morgen wurde wieder der RSS-Feed indexiert und war sogar kurzzeitig unter den Top 10 ungefähr um 6.30. Nun ist jedoch fast alles beim Alten, ich bin wieder mit der richtigen Seite unter den SERPs zu finden.</p>
<p>Mein PDF und Bilder ranken weiterhin. Wirklich interessant finde ich es, dass es zwei Varianten meiner Seite gibt und Google hin und wieder eine davon in den SERPs darstellt.</p>
<p><strong>Update: 22.10.2012 / 9:20</strong></p>
<p>Lange habe ich nichts mehr dazu geschrieben, aber jetzt gibt es zum Glück MEGAABSTAUBERSEO erfreuliche Nachrichten. In der letzten Woche bin ich immer weiter abgestürzt &#8211; bis hinter Seite 10. Aber gestern habe ich mir ein Herz gefasst und die Rankings angeschaut und siehe da, ich bin im Mittelfeld der Seite 2. Happy! <img src='http://www.tutnixgut.de/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' />  Zur Zeit finde ich unter Megaabstauberseo nur eins meiner Bilder.. über das PDF bin ich auch nicht mehr auf anhieb gestoßen.</p>
<h3>Weiterführende Links zum Megaabstauberseo Thema</h3>
<p><a href="http://www.gerech.net/megaabstauberseo/">Auflistung der Top 100 Megaabstauberseo Beiträge findest du hier</a></p>
<p><a href="http://www.hd-gbpics.de/blog/megaabstauberseo/"> Spannendes Experiment bei Megaabstauberseo Harry</a></p>
<p><strong>In eigener Sache:</strong></p>
<p><a title="5 Schritte zum Megaabstauberseo" href="http://www.tutnixgut.de/development/megaabstauberseo.html">5 Schritte zum Megaabstauberseo</a></p>
<p><a title="5 Schritte zum Megaabstauberseo" href="http://www.tutnixgut.de/development/seo/5-schritte-zum-megaabstauberseo.html">5 Schritte zum Megaabstauberseo</a></p>
<p><span class="my-gplus">Author auf Google+: <a href='https://plus.google.com/u/0/113380450807518746528' rel='author' title='Google Plus Profile for +Felix Habenicht'>+Felix Habenicht</a></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tutnixgut.de/megaabstauberseo/feed/</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
	</channel>
</rss>
