<?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>miZine &#187; web-development</title>
	<atom:link href="http://mizine.de/category/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://mizine.de</link>
	<description>Mac, Internet, SEO, eCommerce, Gadgets und Wordpress</description>
	<lastBuildDate>Wed, 08 Feb 2012 12:36:32 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<atom:link rel='hub' href='http://mizine.de/?pushpress=hub'/>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>ErrorDocument 404 in der .htaccess korrekt umsetzen</title>
		<link>http://mizine.de/html/errordocument-404-htaccess/</link>
		<comments>http://mizine.de/html/errordocument-404-htaccess/#comments</comments>
		<pubDate>Wed, 08 Feb 2012 11:00:12 +0000</pubDate>
		<dc:creator>Viktor Dite</dc:creator>
				<category><![CDATA[web-development]]></category>

		<guid isPermaLink="false">http://mizine.de/?p=5000</guid>
		<description><![CDATA[Gestern habe ich in der Siteclinic mit Jens Fauldrath, Hanns Kronenberg, Johannes Beus und Markus Walter nicht schlecht gestaunt, dass meine richtig geglaubte ErrorDocument 404 Anweisung in der .htaccess einen 302 Redirect (temporäre Umleitung) auf eine Seite mit einem 200 Header (Seite gefunden) ausspuckt! Kann Fatal werden, da zum Einen alle falsch gesetzten Links von [...]]]></description>
			<content:encoded><![CDATA[<p>Gestern habe ich in der Siteclinic mit <a href="https://plus.google.com/115628939859602551605/posts">Jens Fauldrath</a>, <a href="https://plus.google.com/107294527000562680486/posts">Hanns Kronenberg</a>, <a href="https://plus.google.com/116296930099205891323/posts">Johannes Beus</a> und <a href="https://plus.google.com/112681641320234313788/posts">Markus Walter</a> nicht schlecht gestaunt, dass meine richtig geglaubte ErrorDocument 404 Anweisung in der .htaccess einen 302 Redirect (temporäre Umleitung) auf eine Seite mit einem 200 Header (Seite gefunden) ausspuckt! </p>
<p>Kann Fatal werden, da zum Einen alle falsch gesetzten Links von Google nicht erkannt werden und zum Zweiten so seher viele Duplicate Content Seiten entstehen (können).</p>
<h2 id="toc-bist-du-auch-betroffen" style="clear:right;">Bist Du auch betroffen?</h2>
<p>Das lässt sich ziemlich einfach herausfinden. Hanns hat mir einen tollen Tipp gegeben, wie man mit Google selbst so ein Problem findet. Wird der 404 nämlich nicht korrekt umgesetzt, landet die 404 Fehlerseite im Index von Google und das kann man dann mit <code>allinurl:404 site:deinedomain.de</code> und diversen Abwandlungen (intitle, inurl, incontent und mit &#8216;Fehler&#8217;, &#8216;nicht gefunden&#8217;, usw.) im Google Suchschlitz testen.</p>
<p>Bekommst Du bei der Abfrage ein oder gar mehrere Ergebnisse, dann stimmt etwas mit der 404 Fehlerseite nicht! Bei korrekter Umsetzung darf nämlich so eine 404 Fehlerseite nicht im Index von Google sein!</p>
<h3 id="toc-alternativer-test">Alternativer Test</h3>
<p>Wenn Du eine Konsole zur Hand hast, kannst Du das auch schnell mit einer cURL Abfrage testen:</p>
<pre>cURL -I -L http://deinedomain.de/nicht-vorhandene-seite</pre>
<p>Die Optionen -I und -L liefern dann nur den Header der Webseite zurück.<br />
<span id="more-5000"></span></p>
<h2 id="toc-der-fehler" style="clear:right;">Der Fehler</h2>
<p>Mein Fehler lag in der Anweisung des ErrorDocument selbst. Hier darf nicht die Domain als Ziel angegeben werden!</p>
<pre><code>ErrorDocument 404 http://www.DeineDomain.de/error404.html</code></pre>
<h3 id="toc-ergebnis">Ergebnis</h3>
<pre>
vd$ curl -I -L http://mizine.de/ters
HTTP/1.1 302 Found
Date: Wed, 08 Feb 2012 10:09:41 GMT
Server: Apache/2.2.4 (Linux/SUSE)
Location: http://mizine/error-404.php

HTTP/1.1 200 OK
Date: Wed, 08 Feb 2012 10:09:41 GMT
Server: Apache/2.2.22
X-Powered-By: PHP/5.2.13
Vary: Accept-Encoding
Content-Type: text/html
</pre>
<h2 id="toc-die-korrekte-lsung">Die korrekte Lösung</h2>
<p>Es darf nur der relative Pfad zur Datei angegeben werden!</p>
<pre><code>ErrorDocument 404 /error404.html</code></pre>
<h3 id="toc-ergebnis1">Ergebnis</h3>
<pre>
vd$ curl -I -L http://mizine.de/ters
HTTP/1.1 404 Not Found
Date: Wed, 08 Feb 2012 10:12:12 GMT
Server: Apache/2.2.22
X-Powered-By: PHP/5.2.13
Vary: Accept-Encoding
Content-Type: text/html
</pre>
<p>Vielen herzlichen Dank für die Lösung an <a href="http://www.micahcarrick.com/404-response-302.html">micah carrick</a></p>
<p><a href="http://mizine.de/wp-content/uploads/2012/02/error404-htaccess.jpg" rel="lightbox[5000]"><img src="http://mizine.de/wp-content/uploads/2012/02/error404-htaccess-560x280.jpg" alt="error 404 mit htaccess korrekt ausgeben " title="error 404 mit htaccess korrekt ausgeben " width="560" height="280" class="aligncenter size-large wp-image-5005" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://mizine.de/html/errordocument-404-htaccess/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Blogbeiträge richtig mit einem Google+ Profil verknüpfen</title>
		<link>http://mizine.de/html/blogbeitrage-richtig-mit-google-profil-verknupfen/</link>
		<comments>http://mizine.de/html/blogbeitrage-richtig-mit-google-profil-verknupfen/#comments</comments>
		<pubDate>Tue, 24 Jan 2012 21:28:40 +0000</pubDate>
		<dc:creator>Viktor Dite</dc:creator>
				<category><![CDATA[web-development]]></category>

		<guid isPermaLink="false">http://mizine.de/?p=4822</guid>
		<description><![CDATA[Ich beschäftige mich schon länger mit der Möglichkeit meine Blogbeträge korrekt mit dem rel=&#8221;author&#8221; Attribut mit meinem Google Plus Profil zu verknüpfen. Google hat uns da ja netterweise eine Anleitung an die Hand gegeben, die &#8211; wie soll ich sagen &#8211; mehr als nur undurchsichtig ist! Erst gerade habe ich es endlich geschafft, meine Blogs [...]]]></description>
			<content:encoded><![CDATA[<p>Ich beschäftige mich schon länger mit der Möglichkeit meine Blogbeträge korrekt mit dem rel=&#8221;author&#8221; Attribut mit meinem Google Plus Profil zu verknüpfen. Google hat uns da ja netterweise eine <a href="http://support.google.com/webmasters/bin/answer.py?hl=en&#038;answer=1408986" title="Author information in search results">Anleitung</a> an die Hand gegeben, die &#8211; wie soll ich sagen &#8211; mehr als nur undurchsichtig ist!</p>
<p>Erst gerade habe ich es endlich geschafft, meine Blogs mit meinem Google Profil korrekt zu verknüpfen! Eigentlich lag es nur an der falschen Zurückverlinkung, doch seht selbst&#8230;</p>
<h2 id="toc-verwirrende-anleitung-um-das-relauthor-attribut" style="clear:both;">Verwirrende Anleitung um das rel=&#8221;author&#8221; Attribut</h2>
<p>Bei Google findet man nämlich mal eine Anleitung, man solle es wie folgt einbinden:</p>
<pre class="brush: xml; title: ; notranslate">
&lt;a href=&quot;[profile_url]?rel=author&quot;&gt;Google&lt;/a&gt;
</pre>
<p>auf einer <a href="http://support.google.com/webmasters/bin/answer.py?hl=de&#038;answer=1229920" title="Blogs und Websites mit einem Autor">weiteren Seite</a> steht, dass man es doch anders verlinken soll, nämlich:</p>
<pre class="brush: xml; title: ; notranslate">
&lt;a href=&quot;[profile_url]&quot; rel=&quot;author&quot;&gt;Dein name&lt;/a&gt;
</pre>
<p><span id="more-4822"></span></p>
<h2 id="toc-relauthor-attribut-korrekt-einbinden">rel=&#8221;author&#8221; Attribut korrekt einbinden</h2>
<p>Dafür sind zwei Schritte notwendig:</p>
<ol>
<li>auf der Artikel Seite das Google Profil richtig verlinken</li>
<li>auf der Google Profil Seite, die Domain richtig zurück verlinken</li>
</ol>
<p>Das ergibt eine Art Handshake, so dass niemand ein Profil für seine Beiträge missbrauchen kann.</p>
<h3 id="toc-schritt-1">Schritt 1:</h3>
<p>Verlinke aus einem einzelnen Beitrag Dein Google Plus Profil wie folgt:</p>
<pre class="brush: xml; title: ; notranslate">
&lt;a href=&quot;https://plus.google.com/Deine-ID&quot;
   rel=&quot;author&quot;&gt;Dein Name&lt;/a&gt;
</pre>
<h3 id="toc-schritt-2">Schritt 2:</h3>
<p>In Deinem Profil gehst Du auf &#8220;Info&#8221; und dann auf &#8220;Macht mit bei&#8221; und trägst <strong>dort</strong> Deine Domain als Backlink ein.<br />
<div id="attachment_4824" class="wp-caption aligncenter" style="width: 570px"><a href="http://mizine.de/wp-content/uploads/2012/01/rel-author-korrekt-einbinden.jpg" rel="lightbox[4822]"><img src="http://mizine.de/wp-content/uploads/2012/01/rel-author-korrekt-einbinden-560x249.jpg" alt="rel author korrekt einbinden" title="rel author korrekt einbinden" width="560" height="249" class="size-large wp-image-4824" /></a><p class="wp-caption-text">Nur wer seinen Backlink auf die Domain in &quot;Macht mit bei&quot; einträgt, wird von Google als Autor einer Seite korrekt erkannt</p></div></p>
<h2 id="toc-testen-ob-der-relauthor-eintrag-korrekt-gematcht-wurde">Testen, ob der rel=&#8221;author&#8221; Eintrag korrekt gematcht wurde</h2>
<p>Mit dem <a href="http://www.google.com/webmasters/tools/richsnippets" title="Rich Snippets Testing Tool">Rich Snippets Testing Tool</a> von Google kannst Du dann überprüfen, ob das handshaking zwischen Deiner Seite und Deinem Google Profil richtig funktioniert und Google Dein Profil mit Deiner Domain korrekt verknüpft hat.</p>
<p>Wenn alles richtig ist, sollte das Ergebnis in etwa so aussehen:<br />
<div id="attachment_4824" class="wp-caption aligncenter" style="width: 570px"><br />
<a href="http://mizine.de/wp-content/uploads/2012/01/korrekt-vernuepftes-google-profil-mit-blog.jpg" rel="lightbox[4822]"><img src="http://mizine.de/wp-content/uploads/2012/01/korrekt-vernuepftes-google-profil-mit-blog-560x242.jpg" alt="korrekt vernüpftes google profil" title="korrekt vernüpftes google profil" width="560" height="242" class="aligncenter size-large wp-image-4826" /></a><p class="wp-caption-text">Google gibt grünes Licht, wenn alles richtig ist!</p></div></p>
<h2 id="toc-und-wozu-das-ganze">Und wozu das Ganze?</h2>
<blockquote><p>Die Integration von Google+ in die Suche wird immer offensichtlicher. Mit rel=author kann man Google bekanntlich bereits jetzt erklären, wer der Autor eines bestimmten Artikels ist. Ist das Resultat zwar bislang nur ein kleines Bild bzw. ein wenig Text in den SERPs, so denke ich doch, dass die Person die einen Artikel schreibt, bald ähnlich wichtig sein wird wie die Website welche den Artikel veröffentlicht… [<a href="http://www.seo-united.de/blog/seo/seo-bald-fur-personen-statt-fur-websites.htm" title="SEO für Menschen">seounited</a>]</p></blockquote>
<p><a href="http://mizine.de/wp-content/uploads/2012/01/rel-author.jpg" rel="lightbox[4822]"><img src="http://mizine.de/wp-content/uploads/2012/01/rel-author.jpg" alt="rel=&quot;author&quot; richtig mit Google verbinden" title="rel author" width="560" height="400" class="aligncenter size-full wp-image-4840" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://mizine.de/html/blogbeitrage-richtig-mit-google-profil-verknupfen/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>PHP: if/else Kurzschreibweise innerhalb von String Concatenationen</title>
		<link>http://mizine.de/html/php-if-else-kurzschreibweise-string-concatenation/</link>
		<comments>http://mizine.de/html/php-if-else-kurzschreibweise-string-concatenation/#comments</comments>
		<pubDate>Thu, 19 Jan 2012 12:25:03 +0000</pubDate>
		<dc:creator>Viktor Dite</dc:creator>
				<category><![CDATA[web-development]]></category>

		<guid isPermaLink="false">http://mizine.de/?p=4768</guid>
		<description><![CDATA[Ich habe für meine neuen Filter im Shop sehr viele if/else Abfragen in die Logik einbauen müssen. Nichts schlimmes, doch ganz schön viel Code! Ich stehe ja aber auf knackig und kurz! if/else Kurzschreibweise PHP bietet ja eine tolle Kurzschreibweise für die if else Abfragen: if/else Kurzschreibweise innerhalb von String Concatenationen Wozu und wie lässt [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://mizine.de/wp-content/uploads/2012/01/php-if-else-string-concatenation-280x186.jpg" alt="php if else in string concatenation" title="php if else string concatenation" width="280" height="186" class="alignleft size-medium wp-image-4774" /><br />
Ich habe für meine <a href="http://www.aqua-comfort.net/betten-0-826/" title="Bettrahmen Online Shop">neuen Filter im Shop</a> sehr viele if/else Abfragen in die Logik einbauen müssen. </p>
<p>Nichts schlimmes, doch ganz schön viel Code! Ich stehe ja aber auf knackig und kurz!</p>
<h2 id="toc-ifelse-kurzschreibweise" style="clear:right;">if/else Kurzschreibweise</h2>
<p>PHP bietet ja eine tolle Kurzschreibweise für die if else Abfragen:</p>
<pre class="brush: php; title: ; notranslate">
string = ($test=='true') ? 'if true' : 'if else';
</pre>
<h2 id="toc-ifelse-kurzschreibweise-innerhalb-von-string-concatenationen">if/else Kurzschreibweise innerhalb von String Concatenationen</h2>
<p>Wozu und wie lässt sich diese Schreibweise innerhalb eine <a href="http://en.wikipedia.org/wiki/Concatenation#Concatenation_of_sets_of_strings" title="Concatenation">String-Concatenation</a> einbauen?<br />
<span id="more-4768"></span></p>
<p><strong>Simples Beispiel</strong>: Werden Selects nach den Abschicken des Formulars wieder angezeigt, müssen sie in der Ausgabe wieder passend der Anfrage vorbelegt werden. Es gilt also je nach GET oder POST Parameter an der passenden Stelle ein <code>selected="selected"</code> einzufügen.</p>
<h3 id="toc-bliche-schreibweise">Übliche Schreibweise</h3>
<pre class="brush: php; title: ; notranslate">
if($_POST['keyword']=='$var'){
  $return .= '&lt;option value=&quot;' . $keyword
  . '&quot; selected=&quot;selected&quot;&gt;' . $keyword
  . '&lt;/option&gt;';
}else{
  $return .= '&lt;option value=&quot;'
  . $keyword . '&quot;&gt;' . $keyword
  . '&lt;/option&gt;';
}
</pre>
<h3 id="toc-kurzschreibweise">Kurzschreibweise</h3>
<pre class="brush: php; title: ; notranslate">
$return .= '&lt;option value=&quot;' . $keyword . '&quot; '
. ($_POST['keyword']=='$var' ? 'selected=&quot;selected&quot;&gt;' : '&gt;')
. $keyword . '&lt;/option&gt;';
</pre>
<p>Vielen Dank ans <a href="http://www.cosni.de/fragen/4f1417b503b9b/php-ifelse-kurzschreibweise-in-einer-string-concatenation" title="cosni Portal für Webentwickler">Cosni Portal</a> für die Lösung meines Syntaxfehlers</p>
]]></content:encoded>
			<wfw:commentRss>http://mizine.de/html/php-if-else-kurzschreibweise-string-concatenation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hinweis auf noch nicht gespeicherte Elemente beim Verlassen der Webseite</title>
		<link>http://mizine.de/html/javascript-onunload-beim-verlassen-der-seite/</link>
		<comments>http://mizine.de/html/javascript-onunload-beim-verlassen-der-seite/#comments</comments>
		<pubDate>Wed, 21 Dec 2011 21:42:20 +0000</pubDate>
		<dc:creator>Viktor Dite</dc:creator>
				<category><![CDATA[web-development]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[js]]></category>
		<category><![CDATA[message]]></category>
		<category><![CDATA[Schließen]]></category>
		<category><![CDATA[Warnung]]></category>
		<category><![CDATA[Webseite]]></category>

		<guid isPermaLink="false">http://mizine.de/?p=4622</guid>
		<description><![CDATA[Es gibt Momente, an denen man den User daran hindern möchte versehentlich eine Seite zu schließen. Ein gutes Beispiel dafür ist das Editor Fenster von WordPress. Wird hier eine Änderung nicht gespeichert und das Fenster geschlossen, warnt WordPress, dass die Änderungen verloren gehen, sobald das Fenster geschlossen wird. Soetwas nachzubauen ist eigentlich ganz einfach und [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://mizine.de/wp-content/uploads/2011/12/schliessen-der-seite-warnen-280x121.jpg" alt="schliessen-der-seite-warnen" title="schliessen-der-seite-warnen" width="280" height="121" class="alignleft size-medium wp-image-4633" />Es gibt Momente, an denen man den User daran hindern möchte versehentlich eine Seite zu schließen. </p>
<p>Ein gutes Beispiel dafür ist das Editor Fenster von WordPress. Wird hier eine Änderung nicht gespeichert und das Fenster geschlossen, warnt WordPress, dass die Änderungen verloren gehen, sobald das Fenster geschlossen wird.</p>
<p>Soetwas nachzubauen ist eigentlich ganz einfach und erfordert nur etwas jQuery Code:<br />
<span id="more-4622"></span> </p>
<h3 id="toc-bei-auswahl-triggern">Bei Auswahl triggern</h3>
<p>Hier ist ein Beispiel dafür, wie man mit Hilfe von <code>.change()</code> bei einer Änderung einer Select Box die Aktion triggern kann, dass beim Schließen der Seite eine Warnung ausgesprochen werden sollte:</p>
<pre class="brush: jscript; title: ; notranslate">
jQuery(document).ready(function() {
  /* Die Select Box auf Änderungen abfragen */
  $('.select_box_class').change(function() {
    /* Bei Änderung dem Fenster eine Message &quot;anheften&quot; */
    $(window).bind('beforeunload', function(){
      return &quot;Sie haben Optionen gewählt, die beim Schließen
              der Seite verloren gehen! Sind Sie sicher,
              dass Sie diese Seite schließen möchten?&quot;;
    });
  });
});
</pre>
<h3 id="toc-in-einem-shop-bspw-den-submit-button-auslassen">In einem Shop bspw. den Submit Button auslassen</h3>
<p>Nach der oberen Variante zählt zum Verlassen der Seite auch ein submit Button. Das wollen wir natürlich nicht! Also müssen wir beim klick auf den Submit Button dem Fester die angehaftete Message wieder abnehmen (unbind)</p>
<pre class="brush: jscript; title: ; notranslate">
jQuery(document).ready(function() {
  /* Die Select Box auf Änderungen abfragen */
  $('.select_box_class').change(function() {
    /* Bei Änderung dem Fenster eine Message &quot;anheften&quot; */
    $(window).bind('beforeunload', function(){
      return &quot;Sie haben Optionen gewählt, die beim Schließen
              der Seite verloren gehen! Sind Sie sicher,
              dass Sie diese Seite schließen möchten?&quot;;
    });
  });

  /* Beim Klick auf einen Submit Button */
  $(&quot;form&quot;).submit(function(){
    /* angehaftete Message wieder entfernen */
    $(window).unbind(&quot;beforeunload&quot;);
  });
});
</pre>
]]></content:encoded>
			<wfw:commentRss>http://mizine.de/html/javascript-onunload-beim-verlassen-der-seite/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MS-Office Tabellen in HTML Tabellen umwandeln</title>
		<link>http://mizine.de/html/ms-office-tabellen-in-html-tabellen-umwandeln/</link>
		<comments>http://mizine.de/html/ms-office-tabellen-in-html-tabellen-umwandeln/#comments</comments>
		<pubDate>Sun, 04 Dec 2011 13:20:56 +0000</pubDate>
		<dc:creator>Viktor Dite</dc:creator>
				<category><![CDATA[web-development]]></category>
		<category><![CDATA[export]]></category>
		<category><![CDATA[Office]]></category>
		<category><![CDATA[pdf]]></category>
		<category><![CDATA[tabellen]]></category>

		<guid isPermaLink="false">http://mizine.de/?p=4499</guid>
		<description><![CDATA[Wie kann man Tabellen aus PDF, Word oder Exceldateien schnell in HTML umwandeln? Vladimir Simović hat gerade einen Dienst vorgestellt mit dem man Tabellen aus Office oder PDF Dateien schnell in HTML umwandeln lassen kann. Beim PDF kann ich nicht dagegenhalten, aber gerade bei Office Dokumenten ist der Export mittlerweile sehr gut! Die Zeiten der [...]]]></description>
			<content:encoded><![CDATA[<h2 id="toc-wie-kann-man-tabellen-aus-pdf-word-oder-exceldateien-schnell-in-html-umwandeln">Wie kann man Tabellen aus PDF, Word oder Exceldateien schnell in HTML umwandeln?</h2>
<p>Vladimir Simović hat gerade einen <a href="http://www.perun.net/2011/10/29/tabellen-schnell-in-html-umwandeln/">Dienst vorgestellt</a> mit dem man Tabellen aus Office oder PDF Dateien schnell in HTML umwandeln lassen kann. Beim PDF kann ich nicht dagegenhalten, aber gerade bei Office Dokumenten ist der Export mittlerweile sehr gut! Die Zeiten der absolut grauenhaften Exporte ist vorbei. MS schafft auch mal was!</p>
<h2 id="toc-ausgangatabelle">Ausgangatabelle</h2>
<p><img src="http://mizine.de/wp-content/uploads/2011/12/Office-PDF-Tabellen-HTML-exportieren.jpg" alt="Office-PDF-Tabellen-HTML-exportieren" title="Office-PDF-Tabellen-HTML-exportieren" width="546" height="508" class="alignleft size-full wp-image-4511" /></p>
<h2 id="toc-und-so-schaut-der-export-in-html-aus">Und so schaut der Export in HTML aus</h2>
<p><span id="more-4499"></span><br />
bereinigt man den Export von den html, head, body und Metatags, sieht die eigentlich Tabelle eigentlich recht sauber aus:</p>
<pre class="brush: xml; title: ; notranslate">
&lt;table border=0 cellpadding=0 cellspacing=0 width=346 style='border-collapse:
 collapse;table-layout:fixed;width:346pt'&gt;
 &lt;col class=xl66 width=105 style='mso-width-source:userset;mso-width-alt:3360;
 width:105pt'&gt;
 &lt;col class=xl66 width=189 style='mso-width-source:userset;mso-width-alt:6048;
 width:189pt'&gt;
 &lt;col class=xl66 width=52 style='mso-width-source:userset;mso-width-alt:1664;
 width:52pt'&gt;
 &lt;tr class=xl65 height=49 style='height:49.0pt'&gt;
  &lt;td height=49 class=xl69 width=105 style='height:49.0pt;width:105pt'&gt;SEO
  Maßnahmen&lt;/td&gt;
  &lt;td class=xl69 width=189 style='width:189pt'&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td class=xl69 width=52 style='width:52pt'&gt;Wirkung (0-10)&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr height=33 style='height:33.0pt'&gt;
  &lt;td height=33 class=xl67 width=105 style='height:33.0pt;width:105pt'&gt;offPage
  Optimierung&lt;/td&gt;
  &lt;td class=xl67 width=189 style='width:189pt'&gt;Linkbuilding&lt;/td&gt;
  &lt;td class=xl67 align=right width=52 style='width:52pt'&gt;8&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr height=16 style='height:16.0pt'&gt;
  &lt;td height=16 class=xl67 width=105 style='height:16.0pt;width:105pt'&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td class=xl67 width=189 style='width:189pt'&gt;Presseberichte&lt;/td&gt;
  &lt;td class=xl67 align=right width=52 style='width:52pt'&gt;4&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr height=16 style='height:16.0pt'&gt;
  &lt;td height=16 class=xl67 width=105 style='height:16.0pt;width:105pt'&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td class=xl67 width=189 style='width:189pt'&gt;Brandbildung&lt;/td&gt;
  &lt;td class=xl67 align=right width=52 style='width:52pt'&gt;10&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr height=32 style='height:32.0pt'&gt;
  &lt;td height=32 class=xl68 width=105 style='height:32.0pt;width:105pt'&gt;onPage
  Optimierung&lt;/td&gt;
  &lt;td class=xl68 width=189 style='width:189pt'&gt;Content Struktur&lt;/td&gt;
  &lt;td class=xl68 align=right width=52 style='width:52pt'&gt;10&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr height=16 style='height:16.0pt'&gt;
  &lt;td height=16 class=xl68 width=105 style='height:16.0pt;width:105pt'&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td class=xl68 width=189 style='width:189pt'&gt;korrekte interne Verlinkung&lt;/td&gt;
  &lt;td class=xl68 align=right width=52 style='width:52pt'&gt;10&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr height=16 style='height:16.0pt'&gt;
  &lt;td height=16 class=xl68 width=105 style='height:16.0pt;width:105pt'&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td class=xl68 width=189 style='width:189pt'&gt;Sauberer Code&lt;/td&gt;
  &lt;td class=xl68 align=right width=52 style='width:52pt'&gt;4&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr height=32 style='height:32.0pt'&gt;
  &lt;td height=32 class=xl68 width=105 style='height:32.0pt;width:105pt'&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td class=xl68 width=189 style='width:189pt'&gt;HTML5 Content
  Abschnitt-Klassifizierung&lt;/td&gt;
  &lt;td class=xl68 align=right width=52 style='width:52pt'&gt;8&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr height=16 style='height:16.0pt'&gt;
  &lt;td height=16 class=xl68 width=105 style='height:16.0pt;width:105pt'&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td class=xl68 width=189 style='width:189pt'&gt;Meta Description&lt;/td&gt;
  &lt;td class=xl68 align=right width=52 style='width:52pt'&gt;10&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr height=16 style='height:16.0pt'&gt;
  &lt;td height=16 class=xl68 width=105 style='height:16.0pt;width:105pt'&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td class=xl68 width=189 style='width:189pt'&gt;Länge der Description&lt;/td&gt;
  &lt;td class=xl68 align=right width=52 style='width:52pt'&gt;5&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr height=16 style='height:16.0pt'&gt;
  &lt;td height=16 class=xl68 width=105 style='height:16.0pt;width:105pt'&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td class=xl68 width=189 style='width:189pt'&gt;Meta Keywords&lt;/td&gt;
  &lt;td class=xl68 align=right width=52 style='width:52pt'&gt;0&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr height=16 style='height:16.0pt'&gt;
  &lt;td height=16 class=xl68 width=105 style='height:16.0pt;width:105pt'&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td class=xl68 width=189 style='width:189pt'&gt;Seiten-Titel&lt;/td&gt;
  &lt;td class=xl68 align=right width=52 style='width:52pt'&gt;10&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr height=16 style='height:16.0pt'&gt;
  &lt;td height=16 class=xl68 width=105 style='height:16.0pt;width:105pt'&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td class=xl68 width=189 style='width:189pt'&gt;Länge des Titels&lt;/td&gt;
  &lt;td class=xl68 align=right width=52 style='width:52pt'&gt;5&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr height=16 style='height:16.0pt'&gt;
  &lt;td height=16 class=xl68 width=105 style='height:16.0pt;width:105pt'&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td class=xl68 width=189 style='width:189pt'&gt;Keyowordrelevanz im Titel&lt;/td&gt;
  &lt;td class=xl68 align=right width=52 style='width:52pt'&gt;10&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr height=16 style='height:16.0pt'&gt;
  &lt;td height=16 class=xl68 width=105 style='height:16.0pt;width:105pt'&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td class=xl68 width=189 style='width:189pt'&gt;h1 Titel&lt;/td&gt;
  &lt;td class=xl68 align=right width=52 style='width:52pt'&gt;10&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr height=16 style='height:16.0pt'&gt;
  &lt;td height=16 class=xl68 width=105 style='height:16.0pt;width:105pt'&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td class=xl68 width=189 style='width:189pt'&gt;Keyowordrelevanz im h1 Titel&lt;/td&gt;
  &lt;td class=xl68 align=right width=52 style='width:52pt'&gt;10&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr height=16 style='height:16.0pt'&gt;
  &lt;td height=16 class=xl68 width=105 style='height:16.0pt;width:105pt'&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td class=xl68 width=189 style='width:189pt'&gt;h2 Untertitel&lt;/td&gt;
  &lt;td class=xl68 align=right width=52 style='width:52pt'&gt;8&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr height=16 style='height:16.0pt'&gt;
  &lt;td height=16 class=xl68 width=105 style='height:16.0pt;width:105pt'&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td class=xl68 width=189 style='width:189pt'&gt;Keywordrelevanz im h2 Titel&lt;/td&gt;
  &lt;td class=xl68 align=right width=52 style='width:52pt'&gt;4&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr height=16 style='height:16.0pt'&gt;
  &lt;td height=16 class=xl68 width=105 style='height:16.0pt;width:105pt'&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td class=xl68 width=189 style='width:189pt'&gt;Textlänge (200-500 Wörter)&lt;/td&gt;
  &lt;td class=xl68 align=right width=52 style='width:52pt'&gt;8&lt;/td&gt;
 &lt;/tr&gt;
&lt;/table&gt;
</pre>
<h2 id="toc-ergebnis">Ergebnis</h2>
<p>Um einen 1:1 Effekt zu erhalten, sollte man die Style Informationen natürlich im Quellcode mit einbinden. Damit der Quellcode komplett sauber bleibt und die Style Informationen nicht im Contentbereich stehen müssen (nicht HTML konform) könnte man noch mit Hilfe des <a href="http://beaker.mailchimp.com/inline-css" title="CSS Inline Styler">MailChimp CSS Inline Styler</a> die Styles ganz einfach aus den CSS Styles Inline abspeichern.</p>
<p>Und dann kommt folgendes bei heraus:</p>
<table border="0" cellpadding="0" cellspacing="0" width="346" style="border-collapse: collapse;table-layout: fixed;width: 346pt;mso-displayed-decimal-separator: &quot;,&quot;;mso-displayed-thousand-separator: &quot;.&quot;;">
<col class="xl66" width="105" style="mso-width-source: userset;mso-width-alt: 3360;width: 105pt;mso-style-parent: style0;white-space: normal;">
 </col>
<col class="xl66" width="189" style="mso-width-source: userset;mso-width-alt: 6048;width: 189pt;mso-style-parent: style0;white-space: normal;">
 </col>
<col class="xl66" width="52" style="mso-width-source: userset;mso-width-alt: 1664;width: 52pt;mso-style-parent: style0;white-space: normal;">
 </col>
<tr class="xl65" height="49" style="height: 49.0pt;mso-style-parent: style0;font-weight: 700;">
<td height="49" class="xl69" width="105" style="height: 49.0pt;width: 105pt;mso-style-parent: style22;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: #1F497D;font-size: 12.0pt;font-weight: 700;font-style: normal;text-decoration: none;font-family: Calibri;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;mso-generic-font-family: auto;border-top: none;border-right: none;border-bottom: 1.5pt solid #4F81BD;border-left: none;background: white;">SEO<br />
  Maßnahmen</td>
<td class="xl69" width="189" style="width: 189pt;mso-style-parent: style22;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: #1F497D;font-size: 12.0pt;font-weight: 700;font-style: normal;text-decoration: none;font-family: Calibri;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;mso-generic-font-family: auto;border-top: none;border-right: none;border-bottom: 1.5pt solid #4F81BD;border-left: none;background: white;">&nbsp;</td>
<td class="xl69" width="52" style="width: 52pt;mso-style-parent: style22;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: #1F497D;font-size: 12.0pt;font-weight: 700;font-style: normal;text-decoration: none;font-family: Calibri;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;mso-generic-font-family: auto;border-top: none;border-right: none;border-bottom: 1.5pt solid #4F81BD;border-left: none;background: white;">Wirkung (0-10)</td>
</tr>
<tr height="33" style="height:33.0pt">
<td height="33" class="xl67" width="105" style="height: 33.0pt;width: 105pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #EBF1DE;">offPage<br />
  Optimierung</td>
<td class="xl67" width="189" style="width: 189pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #EBF1DE;">Linkbuilding</td>
<td class="xl67" align="right" width="52" style="width: 52pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #EBF1DE;">8</td>
</tr>
<tr height="16" style="height:16.0pt">
<td height="16" class="xl67" width="105" style="height: 16.0pt;width: 105pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #EBF1DE;">&nbsp;</td>
<td class="xl67" width="189" style="width: 189pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #EBF1DE;">Presseberichte</td>
<td class="xl67" align="right" width="52" style="width: 52pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #EBF1DE;">4</td>
</tr>
<tr height="16" style="height:16.0pt">
<td height="16" class="xl67" width="105" style="height: 16.0pt;width: 105pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #EBF1DE;">&nbsp;</td>
<td class="xl67" width="189" style="width: 189pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #EBF1DE;">Brandbildung</td>
<td class="xl67" align="right" width="52" style="width: 52pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #EBF1DE;">10</td>
</tr>
<tr height="32" style="height:32.0pt">
<td height="32" class="xl68" width="105" style="height: 32.0pt;width: 105pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">onPage<br />
  Optimierung</td>
<td class="xl68" width="189" style="width: 189pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">Content Struktur</td>
<td class="xl68" align="right" width="52" style="width: 52pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">10</td>
</tr>
<tr height="16" style="height:16.0pt">
<td height="16" class="xl68" width="105" style="height: 16.0pt;width: 105pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">&nbsp;</td>
<td class="xl68" width="189" style="width: 189pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">korrekte interne Verlinkung</td>
<td class="xl68" align="right" width="52" style="width: 52pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">10</td>
</tr>
<tr height="16" style="height:16.0pt">
<td height="16" class="xl68" width="105" style="height: 16.0pt;width: 105pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">&nbsp;</td>
<td class="xl68" width="189" style="width: 189pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">Sauberer Code</td>
<td class="xl68" align="right" width="52" style="width: 52pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">4</td>
</tr>
<tr height="32" style="height:32.0pt">
<td height="32" class="xl68" width="105" style="height: 32.0pt;width: 105pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">&nbsp;</td>
<td class="xl68" width="189" style="width: 189pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">HTML5 Content<br />
  Abschnitt-Klassifizierung</td>
<td class="xl68" align="right" width="52" style="width: 52pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">8</td>
</tr>
<tr height="16" style="height:16.0pt">
<td height="16" class="xl68" width="105" style="height: 16.0pt;width: 105pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">&nbsp;</td>
<td class="xl68" width="189" style="width: 189pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">Meta Description</td>
<td class="xl68" align="right" width="52" style="width: 52pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">10</td>
</tr>
<tr height="16" style="height:16.0pt">
<td height="16" class="xl68" width="105" style="height: 16.0pt;width: 105pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">&nbsp;</td>
<td class="xl68" width="189" style="width: 189pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">Länge der Description</td>
<td class="xl68" align="right" width="52" style="width: 52pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">5</td>
</tr>
<tr height="16" style="height:16.0pt">
<td height="16" class="xl68" width="105" style="height: 16.0pt;width: 105pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">&nbsp;</td>
<td class="xl68" width="189" style="width: 189pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">Meta Keywords</td>
<td class="xl68" align="right" width="52" style="width: 52pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">0</td>
</tr>
<tr height="16" style="height:16.0pt">
<td height="16" class="xl68" width="105" style="height: 16.0pt;width: 105pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">&nbsp;</td>
<td class="xl68" width="189" style="width: 189pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">Seiten-Titel</td>
<td class="xl68" align="right" width="52" style="width: 52pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">10</td>
</tr>
<tr height="16" style="height:16.0pt">
<td height="16" class="xl68" width="105" style="height: 16.0pt;width: 105pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">&nbsp;</td>
<td class="xl68" width="189" style="width: 189pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">Länge des Titels</td>
<td class="xl68" align="right" width="52" style="width: 52pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">5</td>
</tr>
<tr height="16" style="height:16.0pt">
<td height="16" class="xl68" width="105" style="height: 16.0pt;width: 105pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">&nbsp;</td>
<td class="xl68" width="189" style="width: 189pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">Keyowordrelevanz im Titel</td>
<td class="xl68" align="right" width="52" style="width: 52pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">10</td>
</tr>
<tr height="16" style="height:16.0pt">
<td height="16" class="xl68" width="105" style="height: 16.0pt;width: 105pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">&nbsp;</td>
<td class="xl68" width="189" style="width: 189pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">h1 Titel</td>
<td class="xl68" align="right" width="52" style="width: 52pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">10</td>
</tr>
<tr height="16" style="height:16.0pt">
<td height="16" class="xl68" width="105" style="height: 16.0pt;width: 105pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">&nbsp;</td>
<td class="xl68" width="189" style="width: 189pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">Keyowordrelevanz im h1 Titel</td>
<td class="xl68" align="right" width="52" style="width: 52pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">10</td>
</tr>
<tr height="16" style="height:16.0pt">
<td height="16" class="xl68" width="105" style="height: 16.0pt;width: 105pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">&nbsp;</td>
<td class="xl68" width="189" style="width: 189pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">h2 Untertitel</td>
<td class="xl68" align="right" width="52" style="width: 52pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">8</td>
</tr>
<tr height="16" style="height:16.0pt">
<td height="16" class="xl68" width="105" style="height: 16.0pt;width: 105pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">&nbsp;</td>
<td class="xl68" width="189" style="width: 189pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">Keywordrelevanz im h2 Titel</td>
<td class="xl68" align="right" width="52" style="width: 52pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">4</td>
</tr>
<tr height="16" style="height:16.0pt">
<td height="16" class="xl68" width="105" style="height: 16.0pt;width: 105pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">&nbsp;</td>
<td class="xl68" width="189" style="width: 189pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">Textlänge (200-500 Wörter)</td>
<td class="xl68" align="right" width="52" style="width: 52pt;mso-style-parent: style0;padding-top: 1px;padding-right: 1px;padding-left: 1px;mso-ignore: padding;color: black;font-size: 12.0pt;font-weight: 400;font-style: normal;text-decoration: none;font-family: Calibri, sans-serif;mso-font-charset: 0;mso-number-format: General;text-align: general;vertical-align: bottom;border: none;mso-background-source: auto;mso-pattern: black none;mso-protection: locked visible;white-space: normal;mso-rotate: 0;background: #E4DFEC;">8</td>
</tr>
</table>
<h2 id="toc-liefert-tableizer-einen-saubereren-code">Liefert Tableizer einen saubereren Code?</h2>
<p>Wenn man damit leben kann, dass das Tabellendesign verloren geht, ja!</p>
<pre class="brush: xml; title: ; notranslate">
&lt;style type=&quot;text/css&quot;&gt;
table.tableizer-table{border: 1px solid #CCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;}
.tableizer-table td {padding: 4px; margin: 3px;
border: 1px solid #ccc;}
.tableizer-table th {background-color: #104E8B;
color: #FFF; font-weight: bold;}
&lt;/style&gt;

&lt;table class=&quot;tableizer-table&quot;&gt;
&lt;tr class=&quot;tableizer-firstrow&quot;&gt;
&lt;th&gt;SEO Maßnahmen&lt;/th&gt;&lt;th&gt;&amp;nbsp;&lt;/th&gt;
&lt;th&gt;Wirkung (0-10)&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;offPage Optimierung&lt;/td&gt;&lt;td&gt;Linkbuilding&lt;/td&gt;&lt;td&gt;8&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;Presseberichte&lt;/td&gt;&lt;td&gt;4&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;Brandbildung&lt;/td&gt;&lt;td&gt;10&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;onPage Optimierung&lt;/td&gt;&lt;td&gt;Content Struktur&lt;/td&gt;&lt;td&gt;10&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;korrekte interne Verlinkung&lt;/td&gt;&lt;td&gt;10&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;Sauberer Code&lt;/td&gt;&lt;td&gt;4&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;HTML5 Content Abschnitt-Klassifizierung&lt;/td&gt;&lt;td&gt;8&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;Meta Description&lt;/td&gt;&lt;td&gt;10&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;Länge der Description&lt;/td&gt;&lt;td&gt;5&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;Meta Keywords&lt;/td&gt;&lt;td&gt;0&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;Seiten-Titel&lt;/td&gt;&lt;td&gt;10&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;Länge des Titels&lt;/td&gt;&lt;td&gt;5&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;Keyowordrelevanz im Titel&lt;/td&gt;&lt;td&gt;10&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;h1 Titel&lt;/td&gt;&lt;td&gt;10&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;Keyowordrelevanz im h1 Titel&lt;/td&gt;&lt;td&gt;10&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;h2 Untertitel&lt;/td&gt;&lt;td&gt;8&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;Keywordrelevanz im h2 Titel&lt;/td&gt;&lt;td&gt;4&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;Textlänge (200-500 Wörter)&lt;/td&gt;&lt;td&gt;8&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
</pre>
<h3 id="toc-ergebnis1">Ergebnis</h3>
<style type="text/css">
table.tableizer-table {border: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} .tableizer-table td {padding: 4px; margin: 3px; border: 1px solid #ccc;}
.tableizer-table th {background-color: #104E8B; color: #FFF; font-weight: bold;}
</style>
<table class="tableizer-table">
<tr class="tableizer-firstrow">
<th>SEO Maßnahmen</th>
<th>&nbsp;</th>
<th>Wirkung (0-10)</th>
</tr>
<tr>
<td>offPage Optimierung</td>
<td>Linkbuilding</td>
<td>8</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>Presseberichte</td>
<td>4</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>Brandbildung</td>
<td>10</td>
</tr>
<tr>
<td>onPage Optimierung</td>
<td>Content Struktur</td>
<td>10</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>korrekte interne Verlinkung</td>
<td>10</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>Sauberer Code</td>
<td>4</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>HTML5 Content Abschnitt-Klassifizierung</td>
<td>8</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>Meta Description</td>
<td>10</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>Länge der Description</td>
<td>5</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>Meta Keywords</td>
<td>0</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>Seiten-Titel</td>
<td>10</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>Länge des Titels</td>
<td>5</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>Keyowordrelevanz im Titel</td>
<td>10</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>h1 Titel</td>
<td>10</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>Keyowordrelevanz im h1 Titel</td>
<td>10</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>h2 Untertitel</td>
<td>8</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>Keywordrelevanz im h2 Titel</td>
<td>4</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>Textlänge (200-500 Wörter)</td>
<td>8</td>
</tr>
</table>
]]></content:encoded>
			<wfw:commentRss>http://mizine.de/html/ms-office-tabellen-in-html-tabellen-umwandeln/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>checkbox onclick submit &#8211; AJAX like submit</title>
		<link>http://mizine.de/html/checkbox-onclick-submit/</link>
		<comments>http://mizine.de/html/checkbox-onclick-submit/#comments</comments>
		<pubDate>Fri, 02 Dec 2011 16:52:50 +0000</pubDate>
		<dc:creator>Viktor Dite</dc:creator>
				<category><![CDATA[web-development]]></category>
		<category><![CDATA[checkbox]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[onclick]]></category>
		<category><![CDATA[submit]]></category>

		<guid isPermaLink="false">http://mizine.de/?p=4448</guid>
		<description><![CDATA[Wofür brauche ich einen checkbox onclick submit? Manchmal möchte man in einem Formular einer Checkbox beim Klicken gleich eine Aktion mitgeben. Beispielsweise wenn ich im Warenkorb ein ausgewähltes Produkt aus mehreren löschen möchte und der Shop keine einzelnen Buttons, sondern eben &#8220;nur&#8221; Checkboxen mit zusätzlichem Löschen Button bietet. Hier ist es meiner Meinung nach durchaus [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_4459" class="wp-caption alignleft" style="width: 290px"><a href="http://mizine.de/html/checkbox-onclick-submit/attachment/checkbox-onclick-submit-2/" rel="attachment wp-att-4459"><img src="http://mizine.de/wp-content/uploads/2011/12/checkbox-onclick-submit-280x280.jpg" alt="checkbox onclick submit" title="checkbox onclick submit" width="280" height="280" class="size-medium wp-image-4459" /></a><p class="wp-caption-text">checkbox onclick submit</p></div>
<h2 id="toc-wofr-brauche-ich-einen-checkbox-onclick-submit">Wofür brauche ich einen checkbox onclick submit?</h2>
<p>Manchmal möchte man in einem Formular einer Checkbox beim Klicken gleich eine Aktion mitgeben. Beispielsweise wenn ich im Warenkorb ein ausgewähltes Produkt aus mehreren löschen möchte und der Shop keine einzelnen Buttons, sondern eben &#8220;nur&#8221; Checkboxen mit zusätzlichem Löschen Button bietet. Hier ist es meiner Meinung nach durchaus sehr sinnvoll beim Klicken auf die Checkbox gleich die Löschung mit anzustoßen.</p>
<p><span id="more-4448"></span></p>
<h2 id="toc-geht-das">Geht das?</h2>
<p>Mit Javascript &#8220;geht alles&#8221;! Und für diejenigen, die Javascript deaktiviert haben, bleibt ja noch die alte Lösung des Auswählen und dann auf den Löschen Button klicken.</p>
<h2 id="toc-gibt-es-einen-einfachen-einzeiler-dafr">Gibt es einen einfachen Einzeiler dafür?</h2>
<p>Ich habe heute viele Lösungen gesehen. Alle Lösungen waren mit im Header definierten Funktionen aufgebaut. Ich suchte aber eine sehr einfache, Einzeiler-Lösung.</p>
<p>Nach und nach habe ich dann aber aus allen Lösungen, die ich gesehen habe eine sehr einfache und kurze Umsetzung substituiert, die ich euch nicht vorenthalten möchte:</p>
<h2 id="toc-die-lsung">Die Lösung</h2>
<p>ist im Prinzip sehr simpel!</p>
<pre class="brush: xml; title: ; notranslate">
&lt;input type=&quot;checkbox&quot; name=&quot;YourName&quot; ...
  onClick=&quot;if(this.checked) this.form.submit();&quot;&gt;
</pre>
]]></content:encoded>
			<wfw:commentRss>http://mizine.de/html/checkbox-onclick-submit/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>osCommerce Info Message nach login wenn Warenkorb nicht leer war</title>
		<link>http://mizine.de/html/oscommerce-info-message-nach-login-wenn-warenkorb-nicht-leer-war/</link>
		<comments>http://mizine.de/html/oscommerce-info-message-nach-login-wenn-warenkorb-nicht-leer-war/#comments</comments>
		<pubDate>Mon, 21 Nov 2011 18:00:59 +0000</pubDate>
		<dc:creator>Viktor Dite</dc:creator>
				<category><![CDATA[web-development]]></category>
		<category><![CDATA[hinweis]]></category>
		<category><![CDATA[login]]></category>
		<category><![CDATA[message]]></category>
		<category><![CDATA[oscommerce]]></category>
		<category><![CDATA[Warenkorb]]></category>

		<guid isPermaLink="false">http://mizine.de/?p=4355</guid>
		<description><![CDATA[Bitte was? Ein ganz großer Nachteil eines OSCommerce Shops ist, dass Waren die in der letzten eingeloggten Session in den Warenkorb gelegt wurden im Warenkorb verbleiben und beim erneuten Befüllen des Warenkorbes zu einem späteren Zeitpunkt erst wieder beim Checkout Prozess auf der Bestätigungsseite angezeigt werden. Verwirrung vorprogrammiert Viele Kunden merken das auch erst auf [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://mizine.de/wp-content/uploads/2011/11/warenkorb-betrug-oscommerce.jpg" alt="warenkorb-betrug-oscommerce" title="warenkorb-betrug-oscommerce" width="280" height="260" class="alignleft size-full wp-image-4441" /></p>
<h2 id="toc-bitte-was">Bitte was?</h2>
<p>Ein ganz großer Nachteil eines OSCommerce Shops ist, dass <strong>Waren die in der letzten eingeloggten Session in den Warenkorb gelegt wurden</strong> im Warenkorb verbleiben und beim erneuten Befüllen des Warenkorbes zu einem späteren Zeitpunkt <strong>erst wieder beim Checkout Prozess auf der Bestätigungsseite</strong> angezeigt werden.</p>
<h2 id="toc-verwirrung-vorprogrammiert">Verwirrung vorprogrammiert</h2>
<p>Viele Kunden merken das auch erst auf der Bestätigungsseite und fühlen sich veräppelt, bzw. denken, dass man ihnen etwas unterjubeln möchte. Manch einer wird vielleicht bereits das Wörtchen Betrug in den Mund nehmen! Dabei dient diese Funktion ja eigentlich nur zu ihrem Besten und dem, dass Sie ihren Warenkorb nicht verlieren und später wieder bestellen können. Die meisten loggen sich aber vor dem &#8220;In den Warenkorb legen&#8221; gar nicht ein &#8211; erst im Bestellprozess &#8211; und sind dann ganz überrascht oder gar entsetzt, wenn auf der Bestätigungsseite auf einmal der doppelte Endbetrag da steht!</p>
<h2 id="toc-lsung">Lösung</h2>
<p>Wie dem auch sei. Es gibt eine einfache Möglichkeit, die Kunden auf einen bereits gefüllten Warenkorb nach dem Login aufmerksam zu machen und ihnen mitzuteilen, dass sich im Warenkorb noch Waren von ihrer letzten Sitzung befinden.</p>
<h3 id="toc-infomessage-nach-dem-zur-kasse-gehen">Infomessage nach dem &#8220;Zur Kasse gehen&#8221;</h3>
<p><img src="http://mizine.de/wp-content/uploads/2011/11/popup-bei-login-wenn-warenkorb-nicht-leer-560x270.jpg" alt="Message nach login wenn warenkorb nicht leer" title="Message nach login wenn warenkorb nicht leer" width="560" height="270" class="alignleft size-large wp-image-4361" /></p>
<p><span id="more-4355"></span></p>
<h3 id="toc-login-php">login.php</h3>
<p>nach:</p>
<pre class="brush: php; title: ; notranslate">
if (isset($HTTP_GET_VARS['action']) &amp;&amp;
   ($HTTP_GET_VARS['action'] == 'process')) {
    $email_address =
    tep_db_prepare_input($HTTP_POST_VARS['email_address']);
    $password =
    tep_db_prepare_input($HTTP_POST_VARS['password']);
</pre>
<p>folgendes einfügen:</p>
<pre class="brush: php; title: ; notranslate">
$setteil1 = $cart-&gt;count_contents(); // Warenkorb vor login
</pre>
<p>nach:</p>
<pre class="brush: php; title: ; notranslate">
$cart-&gt;restore_contents();
</pre>
<p>folgendes einfügen:</p>
<pre class="brush: php; title: ; notranslate">
$setteil2 = $cart-&gt;count_contents();
if ($setteil2 != $setteil1){
 $setted_one = 'true';
 tep_session_register('setted_one');
}
</pre>
<p>Soweit so gut wie auch bei diesem <a href="http://forums.oscommerce.de/index.php?showtopic=18909" title="Popup nach Login wenn warenkorb nicht leer">Vorschlag im OSCommerce Forum</a> Beitrag. Jetzt kommt aber die verbesserte Hinweisdarstellung mittels des Shopeigenen Info Systems und ohne jegliche PopUps.</p>
<h3 id="toc-checkout_shipping-php">checkout_shipping.php</h3>
<p>nach:</p>
<pre class="brush: php; title: ; notranslate">
if ($cart-&gt;count_contents() &lt; 1) {
  tep_redirect(tep_href_link(FILENAME_SHOPPING_CART));
}
</pre>
<p>folgendes einfügen:</p>
<pre class="brush: php; title: ; notranslate">
// Check if old items inside shopping cart
if(tep_session_is_registered('setted_one')){
  $messageStack-&gt;add('warenkorb_not_empty', 'Der Warenkorb
  enth&amp;auml;lt noch Artikel, die Sie bei Ihrem letzen Besuch
  in den Warenkorb gelegt haben!');
  tep_session_unregister('setted_one');
  }
</pre>
<p>nach:</p>
<pre class="brush: php; title: ; notranslate">
$content-&gt;assign('BUTTON_CONTINUE',
tep_image_submit('button_continue.gif', IMAGE_BUTTON_CONTINUE));
</pre>
<p>folgendes einfügen:</p>
<pre class="brush: php; title: ; notranslate">
// Check if old items inside shopping cart and print them
if($messageStack-&gt;size('warenkorb_not_empty') &gt; 0) {
  $content-&gt;assign('INF_SHOW_MESSAGE', true);
  $content-&gt;assign('TEXT_MESSAGE_STACK',
    $messageStack-&gt;output('warenkorb_not_empty'));
}
</pre>
<h3 id="toc-includesapplication-top-php">/includes/application-top.php</h3>
<p>Wenn der Warenkorb editiert wird, muss die Variable wieder zurückgesetzt werden, da sonst in einem bestimmten Fall die Info Message angezeigt wird, obwohl sich im Warenkorb nur richtige Artikel befinden. Um die Variable zu löschen, muss man in der <code>/includes/application-top.php</code><br />
im</p>
<pre class="brush: php; title: ; notranslate">case 'update_product':</pre>
<p><strong>vor</strong> der Zeile:</p>
<pre class="brush: php; title: ; notranslate">
tep_redirect(tep_href_link($goto,
  tep_get_all_get_params($parameters)));
</pre>
<p>folgendes einfügen:</p>
<pre class="brush: php; title: ; notranslate">
//destroy warning after login shoppingcart not clear
if(tep_session_is_registered('setted_one')){
  tep_session_unregister('setted_one');
}
</pre>
]]></content:encoded>
			<wfw:commentRss>http://mizine.de/html/oscommerce-info-message-nach-login-wenn-warenkorb-nicht-leer-war/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Open Graph Meta Informationen in WordPress Beiträge einfügen</title>
		<link>http://mizine.de/html/open-graph-meta-informationen-in-wordpress-beitrage-einfugen/</link>
		<comments>http://mizine.de/html/open-graph-meta-informationen-in-wordpress-beitrage-einfugen/#comments</comments>
		<pubDate>Sat, 15 Oct 2011 15:42:31 +0000</pubDate>
		<dc:creator>Viktor Dite</dc:creator>
				<category><![CDATA[web-development]]></category>
		<category><![CDATA[Bilder]]></category>
		<category><![CDATA[description]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[like]]></category>
		<category><![CDATA[open graph]]></category>
		<category><![CDATA[share]]></category>
		<category><![CDATA[Thumbnail]]></category>

		<guid isPermaLink="false">http://mizine.de/?p=4112</guid>
		<description><![CDATA[Was ist Open Graph? Beim Teilen von Links in Social Media Netzwerken wie Facebook oder Google+ werden nicht nur die URL, sondern auch der Titel, die Beschreibung und ein Bild angezeigt. In den Google Suchergebnissen kann man die Beschreibung durch die Meta-Description und einen Titel durch den Meta-Title angeben. Fürs Social Media funktionieren diese Tags [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://mizine.de/wp-content/uploads/2011/10/wordpress-open-graph-ohne-plugin-280x231.jpg" alt="Open Graph in WordPress ohne Plugins" title="wordpress-open-graph-ohne-plugin" width="280" height="231" class="alignleft size-medium wp-image-4126" /><br />
<h2 id="toc-was-ist-open-graph">Was ist Open Graph?</h2>
<p>Beim Teilen von Links in Social Media Netzwerken wie Facebook oder Google+ werden nicht nur die URL, sondern auch der Titel, die Beschreibung und ein Bild angezeigt. In den Google Suchergebnissen kann man die Beschreibung durch die Meta-Description und einen Titel durch den Meta-Title angeben. Fürs Social Media funktionieren diese Tags nur bedingt. Hier solltet Ihr den Open Graph Protocol benutzen.</p>
<h2 id="toc-wozu-open-graph">Wozu Open Graph?</h2>
<p><span id="more-4112"></span><br />
Benutze ich kein Open Graph, sucht sich Facebook und Google+ meistens &#8220;nur&#8221; den Meta-Title und irgendein Bild von der Webseite aus und verwendet es als Thumbnail im Link-Post oder Like:<br />
<img src="http://mizine.de/wp-content/uploads/2011/10/Screenshot-2011-10-15-um-17.27.21.jpg" alt="" title="Screenshot 2011-10-15 um 17.27.21" width="514" height="151" class="alignnone size-full wp-image-4120" /></p>
<p>Damit das nicht passiert, muss unbedingt das wichtige Bild und der aussagekräftigste Titel (Post Title, anstatt dem Meta-Title) per Open Graph Facebook und Co mitgeteilt werden:<br />
<img src="http://mizine.de/wp-content/uploads/2011/10/Open-Graph-Wordpress.jpg" alt="Open Graph in WordPress einbauen" title="Open-Graph-Wordpress" width="526" height="155" class="alignnone size-full wp-image-4119" /></p>
<h2 id="toc-wie-baue-ich-aber-die-open-graph-metadaten-in-wordpress-ein">Wie baue ich aber die Open Graph Metadaten in WordPress ein?</h2>
<p>Ich habe schon zahlreiche Plugins ausprobiert, die mir jedoch bisher nicht geholfen haben. Entweder machen die murks oder spucken die Metatags zwei oder dreifach aus. Folge war, dass in den Beiträgen, Shares und Likes der Titel und die Description immer doppelt oder dreifach drin stand.</p>
<p>Open Graph lässt sich aber auch sehr leicht manuell in ein WordPress Theme einbauen.<br />
Dazu musst Du nur in der <code>header.php</code> des Themes nur folgendes einfügen:</p>
<pre class="brush: xml; title: ; notranslate">
&lt;?php if (is_single() || is_page() ) { ?&gt;
  &lt;meta property=&quot;og:title&quot; content=&quot;&lt;?php utf8_decode(single_post_title());?&gt;&quot;/&gt;
  &lt;?php if ( has_post_thumbnail()) {
    $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large'); ?&gt;
    &lt;meta property=&quot;og:image&quot; content=&quot;&lt;?php echo $large_image_url['0'] ?&gt;&quot;/&gt;
  &lt;?php } ?&gt;
  &lt;meta property=&quot;og:url&quot; content=&quot;&lt;?php echo get_permalink();?&gt;?utm_source=social_media&quot;/&gt;
&lt;?php } ?&gt;
</pre>
<p>Auf diese Weise werden die <a href="http://developers.facebook.com/docs/opengraph/">Open Graph</a> Properties og:title, og:url und og:image eingefügt. Das Bild bedient sich dabei dem Artikelbild von WordPress. Dazu muss bei jedem Artikel ein Thumbnail hinzugefügt werden. og:url lohnt in diesem Fall eigentlich nur, um den Traffic von den gesharten und gelikten Posts mit dem <code>utm_source</code> messen zu können</p>
<h2 id="toc-und-was-ist-mit-der-description">Und was ist mit der Description?</h2>
<p>Ich habe bisher beobachtet, dass die Meta Description genau so in Facebook und Google+ übernommen wird. Eine eigene Auszeichnung wäre hier nur sinnvoll, wenn für Social Media ein anderer Text benutzt werden soll, als für Google. Zudem lässt sich die Description bei WordPress bisher nur über Plugins realisieren (bspw. über <a href="http://www.wpseo.de/">wpSEO</a>. Ein expliziter Zugriff auf die wpSEO Description ist jedoch erst ab Version 3.0 möglich) </p>
]]></content:encoded>
			<wfw:commentRss>http://mizine.de/html/open-graph-meta-informationen-in-wordpress-beitrage-einfugen/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>MySQL Export in CSV via Terminal Shell</title>
		<link>http://mizine.de/html/mysql-export-in-csv-via-terminal-shell/</link>
		<comments>http://mizine.de/html/mysql-export-in-csv-via-terminal-shell/#comments</comments>
		<pubDate>Fri, 07 Oct 2011 12:51:53 +0000</pubDate>
		<dc:creator>Viktor Dite</dc:creator>
				<category><![CDATA[web-development]]></category>
		<category><![CDATA[csv]]></category>
		<category><![CDATA[Database]]></category>
		<category><![CDATA[Datenbank]]></category>
		<category><![CDATA[export]]></category>

		<guid isPermaLink="false">http://mizine.de/?p=4069</guid>
		<description><![CDATA[PHPmyAdmin ist ja ein ganz niedliches Werkzeug, es gibt allerdings genug Gründe es nicht zu benutzen! Deswegen ist es ganz gut, dass die Funktionalitäten von PHPmyAdmin auch auf Terminal Ebene nachgeahmt werden können. Möchte man bspw. das Ergebnis einer Search Query bspw. in eine CSV Datei zwischenspeichern, lässt sich das Ganze mit dem folgenden Befehl [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://mizine.de/wp-content/uploads/2011/10/Database-export-terminal-shell.gif" alt="database export via terminal shell to csv" title="Database-export-terminal-shell" width="280" height="159" class="alignleft size-full wp-image-4077" />PHPmyAdmin ist ja ein ganz niedliches Werkzeug, es gibt allerdings genug Gründe es nicht zu benutzen! Deswegen ist es ganz gut, dass die Funktionalitäten von PHPmyAdmin auch auf Terminal Ebene nachgeahmt werden können. Möchte man bspw. das Ergebnis einer Search Query bspw. in eine CSV Datei zwischenspeichern, lässt sich das Ganze mit dem folgenden Befehl realisieren:<br />
<span id="more-4069"></span></p>
<p><code>mysql -uUser -pPassword Databasename -B -e "SELECT * FROM table WHERE query" | sed 's/\t/","/g;s/^/"/;s/$/"/;s/\n//g' &gt; mysql_exported_table.csv </code></p>
]]></content:encoded>
			<wfw:commentRss>http://mizine.de/html/mysql-export-in-csv-via-terminal-shell/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Turbo für die Webseite &#8211; htaccess tunen, gzip injizieren und Ballast abwerfen</title>
		<link>http://mizine.de/html/turbo-fur-die-webseite-htaccess-tunen-gzip-injizieren-und-ballast-abwerfen/</link>
		<comments>http://mizine.de/html/turbo-fur-die-webseite-htaccess-tunen-gzip-injizieren-und-ballast-abwerfen/#comments</comments>
		<pubDate>Thu, 29 Sep 2011 18:03:18 +0000</pubDate>
		<dc:creator>Viktor Dite</dc:creator>
				<category><![CDATA[web-development]]></category>
		<category><![CDATA[compress]]></category>
		<category><![CDATA[deflate]]></category>
		<category><![CDATA[Geschwindigkeit]]></category>
		<category><![CDATA[gzip]]></category>
		<category><![CDATA[header]]></category>
		<category><![CDATA[htaccess]]></category>
		<category><![CDATA[komprimieren]]></category>
		<category><![CDATA[mod_deflate]]></category>
		<category><![CDATA[Optimieren]]></category>

		<guid isPermaLink="false">http://mizine.de/?p=3948</guid>
		<description><![CDATA[Mit Gzip und Deflate Compression übergewichtige Pfunde der Webseite schrumpfen sowie Müsli, ähm Cache und Expires gegen das Vergessen via htaccess optimal servieren &#8211; so gehts: Ich habe schon lange nach einer optimalen htaccess gesucht, die möglichst alle (viele) Empfehlungen von PageSpeed sauber umsetzt. Wo wenn nicht bei google wurde ich heute endlich fündig! Ich [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://mizine.de/html/turbo-fur-die-webseite-htaccess-tunen-gzip-injizieren-und-ballast-abwerfen"><img src="http://mizine.de/wp-content/uploads/2011/09/htaccess-gzip-compress-280x140.jpg" alt="htaccess gzip compress" title="htaccess-gzip-compress" width="280" height="140" class="alignleft size-medium wp-image-3959" /></a><br />
Mit Gzip und Deflate Compression übergewichtige Pfunde der Webseite schrumpfen sowie Müsli, ähm Cache und Expires gegen das Vergessen via htaccess optimal servieren &#8211; so gehts:</p>
<p>Ich habe schon lange nach einer optimalen htaccess gesucht, die möglichst alle (viele) Empfehlungen von PageSpeed sauber umsetzt. Wo wenn nicht bei <a href="http://code.google.com/p/wp-basis-theme/source/browse/trunk/basis/wp-root-tipps/.htaccess?spec=svn155&#038;r=155" title="google code optimale htaccess">google</a> wurde ich heute endlich fündig! </p>
<p>Ich habe von der originalen htaccess Datei eine wichtige Teilmenge für mich abgezwackt, die all meinen Seiten ein paar Flügel verliehen hat! </p>
<p>Vielleicht kann der ein oder andere damit ja auch was gescheites anfangen:<br />
<span id="more-3948"></span></p>
<p>1. Komprimieren der Inhalte mit <code>Deflate</code> nach Dateityp</p>
<pre class="brush: xml; title: ; notranslate">
# Deflate Compression by FileType
&lt;IfModule mod_deflate.c&gt;
 AddOutputFilterByType DEFLATE text/plain
 AddOutputFilterByType DEFLATE text/html
 AddOutputFilterByType DEFLATE text/xml
 AddOutputFilterByType DEFLATE text/css
 AddOutputFilterByType DEFLATE text/javascript
 AddOutputFilterByType DEFLATE application/xml
 AddOutputFilterByType DEFLATE application/xhtml+xml
 AddOutputFilterByType DEFLATE application/rss+xml
 AddOutputFilterByType DEFLATE application/atom_xml
 AddOutputFilterByType DEFLATE application/javascript
 AddOutputFilterByType DEFLATE application/x-javascript
 AddOutputFilterByType DEFLATE application/x-shockwave-flash
&lt;/IfModule&gt;
</pre>
<p>2. Komprimieren der Inhalte mit <code>Deflate</code> nach Dateiendungen. Zudem wir der Default Ablaufdatum (1 Monat) für das Caching der betroffenen Dateien gesetzt</p>
<pre class="brush: xml; title: ; notranslate">
# Deflate Compression by MimeType
&lt;IfModule mod_deflate.c&gt;
 &lt;FilesMatch &quot;\.(js|jpg|jpeg|gif|png|css|txt|html)$&quot;&gt;
  ExpiresActive on
  ExpiresDefault &quot;access plus 1 month&quot;
  SetOutputFilter DEFLATE
 &lt;/FilesMatch&gt;
&lt;/IfModule&gt;
</pre>
<p>3. Komprimieren der Inhalte mit <code>gzip</code>:</p>
<pre class="brush: xml; title: ; notranslate">
# gzip Compression if availiable
&lt;IfModule mod_gzip.c&gt;
 mod_gzip_on       Yes
 mod_gzip_dechunk  Yes
 mod_gzip_item_include file      \.(html?|txt|css|js|php|pl)$
 mod_gzip_item_include handler   ^cgi-script$
 mod_gzip_item_include mime      ^text/.*
 mod_gzip_item_include mime      ^application/x-javascript.*
 mod_gzip_item_exclude mime      ^image/.*
 mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
&lt;/IfModule&gt;
</pre>
<p>4. Cache Ablauf auf einen Monat setzen</p>
<pre class="brush: xml; title: ; notranslate">
# turns cache on for 1 month
&lt;IfModule mod_expires.c&gt;
 ExpiresActive On
 ExpiresByType text/css &quot;access plus 1 month&quot;
 ExpiresByType text/javascript &quot;access plus 1 month&quot;
 ExpiresByType text/html &quot;access plus 1 month&quot;
 ExpiresByType application/javascript &quot;access plus 1 month&quot;
 ExpiresByType application/x-javascript &quot;access plus 1 month&quot;
 ExpiresByType application/xhtml-xml &quot;access plus 600 seconds&quot;
 ExpiresByType image/gif &quot;access plus 1 month&quot;
 ExpiresByType image/jpeg &quot;access plus 1 month&quot;
 ExpiresByType image/png &quot;access plus 1 month&quot;
 ExpiresByType image/x-icon &quot;access plus 1 month&quot;
&lt;/IfModule&gt;
&lt;ifmodule mod_headers.c&gt;
 &lt;filesmatch &quot;\\.(ico|jpe?g|png|gif|swf)$&quot;&gt;
  Header set Cache-Control &quot;max-age=2592000, public&quot;
 &lt;/filesmatch&gt;
 &lt;filesmatch &quot;\\.(css)$&quot;&gt;
  Header set Cache-Control &quot;max-age=604800, public&quot;
 &lt;/filesmatch&gt;
 &lt;filesmatch &quot;\\.(js)$&quot;&gt;
  Header set Cache-Control &quot;max-age=216000, private&quot;
 &lt;/filesmatch&gt;
 &lt;filesmatch &quot;\\.(x?html?|php)$&quot;&gt;
  Header set Cache-Control &quot;max-age=600, private, must-revalidate&quot;
 &lt;/filesmatch&gt;
&lt;/ifmodule&gt;
</pre>
<p>5. ETags deaktivieren</p>
<pre class="brush: xml; title: ; notranslate">
# Turn ETags Off
&lt;ifmodule mod_headers.c&gt;
 Header unset ETag
 Header unset Last-Modified
&lt;/ifmodule&gt;
FileETag None
</pre>
]]></content:encoded>
			<wfw:commentRss>http://mizine.de/html/turbo-fur-die-webseite-htaccess-tunen-gzip-injizieren-und-ballast-abwerfen/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

