<?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>Webseiten-Infos.de &#187; User Agent</title>
	<atom:link href="http://www.webseiten-infos.de/tag/user-agent/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.webseiten-infos.de</link>
	<description>Infos, Tipps, Tricks &#38; Links für Deine Webpräsenz</description>
	<lastBuildDate>Mon, 06 Feb 2012 12:46:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>daily</sy:updatePeriod>
	<sy:updateFrequency>4</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
	<atom:link rel='hub' href='http://www.webseiten-infos.de/?pushpress=hub'/>
<cloud domain='www.webseiten-infos.de' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
		<item>
		<title>Bots mittels User Agent blockieren</title>
		<link>http://www.webseiten-infos.de/bots-mittels-user-agent-blockieren/</link>
		<comments>http://www.webseiten-infos.de/bots-mittels-user-agent-blockieren/#comments</comments>
		<pubDate>Thu, 11 Mar 2010 01:14:38 +0000</pubDate>
		<dc:creator>Dieter</dc:creator>
				<category><![CDATA[Sonstiges]]></category>
		<category><![CDATA[.htaccess]]></category>
		<category><![CDATA[IP-Adresse]]></category>
		<category><![CDATA[robots.txt]]></category>
		<category><![CDATA[User Agent]]></category>
		<category><![CDATA[Webseiten]]></category>

		<guid isPermaLink="false">http://www.webseiten-infos.de/?p=563</guid>
		<description><![CDATA[In meinem Blogbeitrag &#8220;Spam-Schutz auf Webseiten-Infos.de&#8221; hatte ich auch ein Beispiel für einen von mir geblockten User-Agent gebracht. Zwar bin ich ein Laie in Sachen Administration eines Apache-Servers, aber soviel habe ich mitbekommen: Bots (Robots, Webcrawler), die sich nicht an die robots.txt halten, kann man guten Gewissens von der Website aussperren. Hier mein aktuelles Praxisbeispiel: [...]]]></description>
			<content:encoded><![CDATA[<p>In meinem Blogbeitrag &#8220;<a href="http://www.webseiten-infos.de/spam-schutz-auf-webseiten-infos-de/" title="Blogbeitrag mit dem Titel &quot;Spam-Schutz auf Webseiten-Infos.de&quot;">Spam-Schutz auf Webseiten-Infos.de</a>&#8221; hatte ich auch ein Beispiel für einen von mir <a href="http://www.webseiten-infos.de/spam-schutz-auf-webseiten-infos-de/#UA" title="Abschnitt &quot;User-Agent blockieren&quot; in meinem Blogbeitrag &quot;Spam-Schutz auf Webseiten-Infos.de&quot;">geblockten <span lang="en" xml:lang="en">User-Agent</span></a> gebracht.</p>
<p>Zwar bin ich ein Laie in Sachen Administration eines Apache-Servers, aber soviel habe ich mitbekommen:</p>
<p><a href="http://de.wikipedia.org/wiki/Bot" title="Wikipedia-Artikel zu Bots" class="liwikipedia">Bots</a> (Robots, <span lang="en" xml:lang="en">Webcrawler</span>), die sich nicht an die <a href="http://de.wikipedia.org/wiki/Robots_Exclusion_Standard" title="Wikipedia-Artikel zur robots.txt" class="liwikipedia">robots.txt</a> halten, kann man guten Gewissens von der <span lang="en" xml:lang="en">Website</span> aussperren.</p>
<p>Hier mein aktuelles Praxisbeispiel:</p>
<p>In den Logdaten meiner <a href="http://chcounter.org/" title="Startseite der Webseite für den Besucherzähler chCounter" class="liexternal">chCounter</a>-Installation auf Webseiten-Infos.de tauchte sehr häufig der <span lang="en" xml:lang="en">Crawler 80legs</span> mit folgendem <a href="http://de.wikipedia.org/wiki/User_Agent" title="Wikipedia-Artikel zu User Agent" lang="en" xml:lang="en" class="liwikipedia">User Agent</a>, aber ständig wechselnden <a href="http://de.wikipedia.org/wiki/IP-Adresse" title="Wikipedia-Artikel zu IP-Adresse" class="liwikipedia">IP-Adressen</a> und <a href="http://de.wikipedia.org/wiki/Host_%28Informationstechnik%29" title="Wikipedia-Artikel zu Host" class="liwikipedia">Hosts</a> auf:</p>
<div class="codecolorer-container text mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br /></div></td><td><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">Mozilla/5.0 (compatible; 008/0.83;<br />
http://www.80legs.com/spider.html;)<br />
Gecko/2008032620</div></td></tr></tbody></table></div>
<p>Ich überprüfte die im User Agent enthaltene <span lang="en" xml:lang="en">Website</span> <a href="http://www.80legs.com/spider.html" title="Webseite zum Spider 80legs" class="liexternal">http://www.80legs.com/spider.html</a>. Danach handelte es sich um einen <span lang="en" xml:lang="en">Webcrawler</span> und nach den <a href="http://wiki.80legs.com/w/page/1114616/FAQ" title="FAQ zum Spider 80legs" class="liexternal"><abbr title="Frequently Asked Questions" lang="en" xml:lang="en">FAQ</abbr></a> hierzu sollte ein Ausschluss des <span lang="en" xml:lang="en">Crawlers</span> in der robots.txt beachtet werden:</p>
<div class="codecolorer-container robots mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br /></div></td><td><div class="robots codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #b1b100;">User-agent</span><span style="color: #66cc66;">:</span> 008<br />
<span style="color: #b1b100;">Disallow</span><span style="color: #66cc66;">:</span> /</div></td></tr></tbody></table></div>
<p>Wie ich aber den Logdaten von chCounter entnehmen konnte, war dem aber leider nicht so. Auch nach dieser Ergänzung der robots.txt tauchten viele Logdaten mit diesem User Agent auf.</p>
<p>Nun war ich mir sicher, dass es sich um einen sogenannten ungezogenen Jungen (<span lang="en" xml:lang="en">bad guy</span>) handelte, sprich einen Bot (Robot, <span lang="en" xml:lang="en">Webcrawler</span>), der nur vorgibt zu <span lang="en" xml:lang="en">80legs</span> zu gehören. Also wollte und konnte ich diesen Bot (Robot, <span lang="en" xml:lang="en">Webcrawler</span>) ohne schlechtes Gewissen blockieren.</p>
<p>Das Aussperren dieses Bots (Robots, <span lang="en" xml:lang="en">Webcrawlers</span>) von Webseiten-Infos.de gelang mir mit folgender Ergänzung der <a href="http://de.wikipedia.org/wiki/Htaccess" title="Wikipedia-Artikel zur .htaccess" class="liwikipedia">.htaccess</a> auf meinem <span lang="en" xml:lang="en">Webspace</span>:</p>
<div class="codecolorer-container apache mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br /></div></td><td><div class="apache codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #00007f;">SetEnvIfNoCase</span> User-Agent <span style="color: #7f007f;">&quot;Mozilla/5<span style="color: #000099; font-weight: bold;">\.</span>0 <span style="color: #000099; font-weight: bold;">\(</span>compatible; 008/0<span style="color: #000099; font-weight: bold;">\.</span>83; http<span style="color: #000099; font-weight: bold;">\:</span>//www<span style="color: #000099; font-weight: bold;">\.</span>80legs<span style="color: #000099; font-weight: bold;">\.</span>com/spider<span style="color: #000099; font-weight: bold;">\.</span>html;<span style="color: #000099; font-weight: bold;">\)</span>&quot;</span> bad_bot<br />
<br />
&lt;<span style="color: #000000; font-weight:bold;">Limit</span> GET POST PUT HEAD&gt;<br />
<span style="color: #00007f;">order</span> <span style="color: #00007f;">allow</span>,<span style="color: #00007f;">deny</span><br />
<span style="color: #00007f;">allow</span> from <span style="color: #0000ff;">all</span><br />
<span style="color: #00007f;">deny</span> from env=bad_bot<br />
&lt;/<span style="color: #000000; font-weight:bold;">Limit</span>&gt;</div></td></tr></tbody></table></div>
<p>Wie oben schon erwähnt, bin ich kein Experte für den Webserver Apache. Leider fand ich im Netz (Web) auch keine gut lesbaren Einsteigerinfos zur richtigen Schreibweise von solchen Einträgen in der .htaccess. Ich dachte mir lediglich, dass es wohl erforderlich sein dürfte, alle Zeichen, die keine Buchstaben oder Schrägstrich (Slash) sind, durch einen sogenannten umgekehrten Schrägstrich (Backslash) zu maskieren.</p>
<p>Darüber hinaus dachte ich mir, dass es nichts schaden könnte, wenn ich die Funktionsfähigkeit dieser Ergänzung der .htaccess testen könnte.</p>
<p>Und tatsächlich: Das geht mittels dem Firefox-Addon <a href="https://addons.mozilla.org/de/firefox/addon/user-agent-switcher/" title="Downloadseite für das Firefox-Addon User Agent Switcher" class="liexternal">User Agent Switcher</a> 0.7.2.</p>
<p>Dieses Addon kann auch um beliebige User Agents ergänzt werden. Ich habe bei mir das Addon User Agent Switcher 0.7.2 um oben genannten User-Agent ergänzt und dann meinen Firefox auf diesen User Agent umgestellt. Ein Neuladen der Webseite Webseiten-Infos.de führte dann zu folgender Meldung:</p>
<blockquote><p>Forbidden</p>
<p>You don&#8217;t have permission to access / on this server.</p></blockquote>
<p>Mit den anderen User Agents für die gängigen Browser lässt sich dagegen die Website Webseiten-Infos.de problemlos aufrufen.</p>
<p>Seitdem ich die .htaccess entsprechend ergänzt habe, finden sich in den Logdaten auch keine neuen Zugriffe mit diesem User Agent mehr.</p>
<p>Die Aussperrung dieses User Agent scheint also zu funktionieren.</p>
<p>Solltest Du Anmerkungen oder Verbesserungsvorschläge haben, dann nur her damit.</p>
<hr /><h2>Kommentare</h2><ul><li><a href="http://www.webseiten-infos.de/bots-mittels-user-agent-blockieren/" >11. März 2010</a>, <a href="http://toscho.de" rel='external' class='url'>Thomas Scholz</a> schreibt: Was für Spam hat der denn hinterlassen?</li><li><a href="http://www.webseiten-infos.de/bots-mittels-user-agent-blockieren/" >11. März 2010</a>, <a href="http://www.dieter-welzel.de" rel='external' class='url'>Dieter</a> schreibt: Ich sollte so spät nachts keine Blogbeiträge schreiben. ;-)

Du hast mal wieder den Nagel auf den Kopf getroffen.

Die einzige von mir beobachtete Aktivität des Bots war die Missachtung der robots.txt.

Er war mir mit seinen weiterhin extrem häufigen Zugriffen auf meine Webseiten, die mir die Besucherstatistik verfälschen und Serverressourcen verbrauchen, lediglich suspekt. Werde den Titel des Blogbeitrags gleich mal korrigieren.

Danke für den Gedankenschubser!</li><li><a href="http://www.webseiten-infos.de/bots-mittels-user-agent-blockieren/" >14. März 2010</a>, <a href="http://www.trekking-portal.com/" rel='external' class='url'>Andreas</a> schreibt: Von solchen Bots habe ich bisher noch nichts gehört, aber der Artikel ist dennoch interessant. Ich werde mit den Link mal abspeichern, und wenn ich dann doch Besuch von einem solchen Bot bekomme, weiß ich ja, was ich zu tun habe. Bekäme man Spambots denn auf dieselbe Weise los? Vielleicht bekomme ich von so einem ja über kurz oder lang mal Besuch.</li><li><a href="http://www.webseiten-infos.de/bots-mittels-user-agent-blockieren/" >14. März 2010</a>, <a href="http://www.dieter-welzel.de" rel='external' class='url'>Dieter</a> schreibt: @Andreas
Geht auch mit Spambots, wenn die einen <a href="http://www.webseiten-infos.de/spam-schutz-auf-webseiten-infos-de/#UA" rel="nofollow">unüblichen User Agent</a> verwenden oder immer von der <a href="http://www.webseiten-infos.de/spam-schutz-auf-webseiten-infos-de/#IP" rel="nofollow">gleichen IP-Adresse</a> kommen.

Und im Übrigen kann ich Dir das WordPress-Plugin <a href="http://www.webseiten-infos.de/spamschutz-nur-mit-antispam-bee/" rel="nofollow">Antispam Bee</a> gegen automatisierte Spam-Kommentare uneingeschränkt empfehlen.

Ich hoffe, das hilft Dir im Bedarfsfall weiter.

Beste Grüße
Dieter</li><li><a href="http://www.webseiten-infos.de/bots-mittels-user-agent-blockieren/" >14. März 2010</a>, <a href="http://www.dsl-via-kabel.info" rel='external' class='url'>Thomas</a> schreibt: Bin auch gerade auf der Suche nach einer besseren Lösung. Leider kommen die SpamBots bei mir immer mit unterschiedlicher IP und auch mit wechselndem UserAgent. Danke für den Tipp mit "Antispam Bee" - kannte ich bisher noch nicht - werd ich mir gleich mal ansehen. Zu der Misachtung der robots.txt solltest du mal auf bot-trap.de schauen.</li><li><a href="http://www.webseiten-infos.de/bots-mittels-user-agent-blockieren/" >14. März 2010</a>, <a href="http://www.dieter-welzel.de" rel='external' class='url'>Dieter</a> schreibt: @Thomas
Die fleißige Biene Antispam Bee kannst Du auch so einstellen, dass sie die automatischen Spam-Kommentare direkt blockt.

Dann bekommen Du und Deine WordPress-Datenbank diesen Spam noch nicht einmal mehr zu sehen.

Danke für den Hinweis auf <a href="http://www.bot-trap.de/home/" rel="nofollow" class="liexternal">bot-trap.de</a>. Steht bei mir schon auf der Liste der Websites, die ich mir noch näher ansehen will. Hast Du denn schon Erfahrungen mit bot-trap.de gemacht?

Beste Grüße
Dieter</li><li><a href="http://www.webseiten-infos.de/bots-mittels-user-agent-blockieren/" >14. März 2010</a>, Icem@n schreibt: Auf der Suche nach Infos zu diesem Bot, bin ich auf diesen Eintrag gestoßen. Heute Nacht kam das Ding auch bei mir vorbei und bescherte mir rund 500 Besucher in knappen 4 Stunden. In den Logfiles habe ich bisher nichts Ungewöhnlichliches entdeckt, außer, dass sehr oft das Gästebuch und der Veranstaltungskalender besucht wurde. Ist mir jedenfalls höchst suspekt. Hast du noch weitere Infos zu diesem Spider finden können?</li><li><a href="http://www.webseiten-infos.de/bots-mittels-user-agent-blockieren/" >14. März 2010</a>, <a href="http://www.dieter-welzel.de" rel='external' class='url'>Dieter</a> schreibt: @Icem@n
Habe leider keine weiteren Infos zu dem Spider gefunden. Da er sich aber entgegen der Website nicht an die robots.txt hält, gehe ich stark davon aus, dass es sich um einen vorgetäuschten User Agent handelt und der Bot mit Sicherheit nicht mein Freund, sondern mein Feind ist.</li><li><a href="http://www.webseiten-infos.de/bots-mittels-user-agent-blockieren/" >15. März 2010</a>, <a href="http://www.dsl-via-kabel.info/" rel='external' class='url'>Thomas</a> schreibt: @Dieter: Nein, ich habe bisher nur gelesen und gehört, dass das mit der Bot-Falle super funktionieren soll. Wenn bei der Antispam Bee die Beiträge nichtmal mehr in der Datenbank landen, wäre das ja ein echter Vorteil gegenüber SpamKarma - wobei man das dort vielleicht auch einstellen kann und ich habs nur noch nicht gefunden.</li><li><a href="http://www.webseiten-infos.de/bots-mittels-user-agent-blockieren/" >15. März 2010</a>, <a href="http://www.dieter-welzel.de" rel='external' class='url'>Dieter</a> schreibt: @Thomas
Dann werde ich demnächst mal bot-trap.de ausprobieren.

SpamKarma habe ich noch nicht eingesetzt. Dazu kann ich deshalb nichts sagen.

Antispam Bee blockiert in der Standardeinstellung automatische Spam-Kommentare. Diesbezüglich zitiere ich mal aus der <a href="http://playground.ebiene.de/antispam-bee-wordpress-plugin/#features" rel="nofollow" class="liexternal">Dokumentation von Antispam Bee</a>:

<blockquote>Im Auslieferungszustand entfernt Antispam Bee jeden Spam-Kommentar, ohne dies irgendwo zu notieren. Diese Vorgehensweise hat den wesentlichen Vorteil, dass sich keine Liste mit Spam-Einträgen bildet, die in bestimmten Abständen zeitintensiv und mühselig kontrolliert und geleert werden muss.</blockquote></li><li><a href="http://www.webseiten-infos.de/bots-mittels-user-agent-blockieren/" >15. März 2010</a>, <a href="http://toscho.de" rel='external' class='url'>Thomas Scholz</a> schreibt: @Dieter: Das kann aber auch ein Nachteil sein, denn ein Versehen kann man dann nicht mehr korrigieren.

Ich würde die rabiate Methode des unkontrollierten Löschens nur benutzen, wenn täglich so viel Spam einschlägt, daß eine manuelle Kontrolle ohnehin nicht mehr zu bewältigen ist. Nur dann.

Einmal am Tag 50—100 Spamkommentare zu überfliegen, halte ich noch für vertretbar.</li><li><a href="http://www.webseiten-infos.de/bots-mittels-user-agent-blockieren/" >15. März 2010</a>, <a href="http://www.dieter-welzel.de" rel='external' class='url'>Dieter</a> schreibt: @Thomas
Wie Du der Grafik in meinem Blogbeitrag "<a href="http://www.webseiten-infos.de/spamschutz-nur-mit-antispam-bee/" rel="nofollow">Spamschutz nur mit Antispam Bee</a>" entnehmen kannst, habe ich den Haken bei Spam markieren, nicht löschen gesetzt.

Ich teile Deine Einschätzung, dass die rabiate Methode des unmittelbaren automatischen Löschens nur in Ausnahmefällen gewählt werden sollte.

Über 50 Spam-Kommentare an einem Tag sind bisher auf Webseiten-Infos.de die absolute Ausnahme. Unabhängig davon untersuche ich gerne kurz die Spam-Kommentare hinsichtlich irgendwelcher Auffälligkeiten (insbesondere IP-Adressen sowie User Agent mit <a href="http://chcounter.org/" rel="nofollow" class="liexternal">chCounter</a>).</li><li><a href="http://www.webseiten-infos.de/bots-mittels-user-agent-blockieren/" >11. November 2010</a>, <a href="http://www.hartl.info/" rel='external' class='url'>Robert</a> schreibt: Danke für den Hinweis mit der htaccess. Denn immer wieder fallen Bots auf, die sich nicht an die robots.txt halten. Bislang habe ich es immer mit der IP versucht, was aber einerseits nur begrenzt funktionierte und andererseits auch "echte" Besucher blockierte. Die htaccess-Lösung scheint soweit ganz gut zu funktionieren und ist perfekt ergänzbar.</li><li><a href="http://www.webseiten-infos.de/bots-mittels-user-agent-blockieren/" >12. November 2010</a>, <a href="http://www.dieter-welzel.de" rel='external' class='url'>Dieter</a> schreibt: @Robert
Gern geschehen.

Mit der htaccess-Datei kann man viel machen. Schade nur, dass ich bisher keine umfassende Einführung hierzu gefunden habe.</li></ul><hr /><h2>&Auml;hnliche Beitr&auml;ge</h2><ul><li><a href="http://www.webseiten-infos.de/neues-layout-fuer-handy-und-pda/" rel="bookmark" title="Permanent Link: Neues Layout für Handy und PDA">Neues Layout für Handy und PDA</a></li><li><a href="http://www.webseiten-infos.de/iphone-simulatoren-sind-fuer-die-tonne/" rel="bookmark" title="Permanent Link: iPhone-Simulatoren sind für die Tonne!">iPhone-Simulatoren sind für die Tonne!</a></li><li><a href="http://www.webseiten-infos.de/google-plus-eins-blockieren/" rel="bookmark" title="Permanent Link: Google +1 blockieren">Google +1 blockieren</a></li><li><a href="http://www.webseiten-infos.de/video-willkommen-bei-facebook/" rel="bookmark" title="Permanent Link: Video: Willkommen bei Facebook">Video: Willkommen bei Facebook</a></li><li><a href="http://www.webseiten-infos.de/spam-schutz-auf-webseiten-infos-de/" rel="bookmark" title="Permanent Link: Spam-Schutz auf Webseiten-Infos.de">Spam-Schutz auf Webseiten-Infos.de</a></li></ul><hr /><small>Copyright &copy; 2010 <a href="http://www.webseiten-infos.de/" >Dieter Welzel</a><br />Dieser Feed ist nur f&uuml;r den pers&ouml;nlichen, nicht gewerblichen Gebrauch bestimmt.<br />Eine Verwendung dieses Feeds auf anderen Webseiten verst&ouml;&szlig;t gegen das Urheberrecht. Wenn Sie diesen Inhalt nicht in Ihrem News-Reader lesen, so macht sich die Seite, die Sie betrachten, der Urheberrechtsverletzung schuldig. (digitalfingerprint: bbd2a4c375bd3a68829f8cc22c8ac04d (38.107.179.230) )</small><hr /><p><small><a href="http://www.webseiten-infos.de/bots-mittels-user-agent-blockieren/">Permalink</a> |
<a href="http://www.webseiten-infos.de/bots-mittels-user-agent-blockieren/#comments">14 Kommentare</a> |
Seite speichern bei <a href="http://twitter.com/home?status=http://www.webseiten-infos.de/bots-mittels-user-agent-blockieren/">Twitter</a> | <a href="http://www.mister-wong.de/addurl/?bm_url=http://www.webseiten-infos.de/bots-mittels-user-agent-blockieren/&&bm_description=Bots mittels User Agent blockieren&&bm_tags=.htaccess, IP-Adresse, robots.txt, User Agent, Webseiten&plugin=soc">Mister Wong</a> | <a href="http://del.icio.us/post?url=http://www.webseiten-infos.de/bots-mittels-user-agent-blockieren/&title=Bots mittels User Agent blockieren">del.icio.us</a> | <a href="http://yigg.de/neu?exturl=http://www.webseiten-infos.de/bots-mittels-user-agent-blockieren/&exttitle=Bots mittels User Agent blockieren">Y!GG</a> | <a href="http://technorati.com/faves?add=http://www.webseiten-infos.de/bots-mittels-user-agent-blockieren/>Technorati</a> | <a href="http://linkarena.com/bookmarks/addlink/?url=http://www.webseiten-infos.de/bots-mittels-user-agent-blockieren/&title=Bots mittels User Agent blockieren>Linkarena</a><br/>
Schlagwörter: <a href="http://www.webseiten-infos.de/tag/htaccess/" rel="tag">.htaccess</a>, <a href="http://www.webseiten-infos.de/tag/ip-adresse/" rel="tag">IP-Adresse</a>, <a href="http://www.webseiten-infos.de/tag/robots-txt/" rel="tag">robots.txt</a>, <a href="http://www.webseiten-infos.de/tag/user-agent/" rel="tag">User Agent</a>, <a href="http://www.webseiten-infos.de/tag/webseiten/" rel="tag">Webseiten</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.webseiten-infos.de/bots-mittels-user-agent-blockieren/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Neues Layout für Handy und PDA</title>
		<link>http://www.webseiten-infos.de/neues-layout-fuer-handy-und-pda/</link>
		<comments>http://www.webseiten-infos.de/neues-layout-fuer-handy-und-pda/#comments</comments>
		<pubDate>Sun, 09 Aug 2009 16:28:06 +0000</pubDate>
		<dc:creator>Dieter</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Firefox-Addon]]></category>
		<category><![CDATA[Handheld]]></category>
		<category><![CDATA[Handy]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[PDA]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[User Agent]]></category>
		<category><![CDATA[Webseiten]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[YAML]]></category>
		<category><![CDATA[YAML Green]]></category>

		<guid isPermaLink="false">http://www.webseiten-infos.de/?p=367</guid>
		<description><![CDATA[Vor einigen Wochen hatte ich hier das Layout für Handy, PDA und iPhone mittels des Plugins WordPress PDA &#38; iPhone deaktiviert. Ursächlich dafür war, dass ich auf Webseiten-Infos.de unter Blog auch eine Template-Datei ohne WordPress-Loop einsetze und diese Seite dann beim Betrachten mit Handy oder PDA keinen Inhalt anzeigte. Danke an Ute, die mich hierauf [...]]]></description>
			<content:encoded><![CDATA[<p>Vor einigen Wochen hatte ich hier das Layout für Handy, <abbr title="Personal Digital Assistant" lang="en" xml:lang="en">PDA</abbr> und <span lang="en" xml:lang="en">iPhone</span> mittels des <span lang="en" xml:lang="en">Plugins</span> <a href="http://imthi.com/wp-pda" title="Webseite zum WordPress-Plugin WordPress PDA &amp; iPhone" class="liexternal">WordPress PDA &amp; iPhone</a> deaktiviert.</p>
<p>Ursächlich dafür war, dass ich auf Webseiten-Infos.de unter Blog auch eine <span lang="en" xml:lang="en">Template</span>-Datei ohne <a href="http://codex.wordpress.org/The_Loop" title="Englische Erläuterungen zum Loop bei WordPress.org" lang="en" xml:lang="en" class="liwp">WordPress-Loop</a> einsetze und diese Seite dann beim Betrachten mit Handy oder <abbr title="Personal Digital Assistant" lang="en" xml:lang="en">PDA</abbr> keinen Inhalt anzeigte. Danke an <a href="http://www.miradlo.net/bloggt/" title="Blog von Ute auf miradlo.net" class="liexternal">Ute</a>, die mich hierauf aufmerksam machte. Sie war zwar mit dem normalen Layout auf ihrem <span lang="en" xml:lang="en">iPhone</span> zufrieden, aber andere mobile Geräte haben meistens eine noch kleinere Bildschirmauflösung und dann ist ein reduziertes und angepasstes Layout für diese Geräte sinnvoll.</p>
<p>Thomas Scholz aka <a href="http://toscho.de/" title="Website von Thomas Scholz aka Toscho" class="liexternal">toscho</a> brachte mir mit seinem <a href="http://toscho.de/2009/designlinks-7/" title="Blogbeitrag mit dem Titel &quot;Designlinks 7&quot; von toscho" class="liexternal">Link</a> zu dem Blogbeitrag &#8220;<a href="http://perishablepress.com/press/2009/08/02/the-5-minute-css-mobile-makeover/" title="Blogbeitrag mit dem Titel &quot;The 5-Minute CSS Mobile Makeover&quot; von Perishable Press" lang="en" xml:lang="en" class="liexternal">The 5-Minute CSS Mobile Makeover</a>&#8221; wieder in Erinnerung, dass ich da eine noch offene Baustelle habe.</p>
<p>Leider wird von vielen mobilen <span lang="en" xml:lang="en">Browsern</span> der Medientyp <a href="http://www.thestyleworks.de/tut-art/layout_handheld.shtml" title="Webseite zum Medientyp handheld bei thestyleworks.de" class="liexternal">handheld</a> nicht unterstützt. Deshalb halte ich die Erkennung von mobilen Browsern über den <a href="http://de.wikipedia.org/wiki/User_Agent#Webbrowser" title="Wikipedia-Artikel zu User Agent" lang="en" xml:lang="en" class="liwikipedia">User Agent</a>, wie sie auch von vielen <span lang="en" xml:lang="en">WordPress</span>-<span lang="en" xml:lang="en">Plugins</span> praktiziert wird, derzeit für die bessere, da effektivere Alternative.</p>
<p>Heute habe ich mit Hilfe des <span lang="en" xml:lang="en">WordPress</span>-<span lang="en" xml:lang="en">Plugins</span> <a href="http://www.handypark.de/webmaster/blogs/wp-viewmobile.html" title="Webseite zum WordPress-Plugin WP viewMobile" lang="en" xml:lang="en" class="liexternal">WP viewMobile</a> ein neues <span lang="en" xml:lang="en">Layout</span> für Handy und <abbr title="Personal Digital Assistant" lang="en" xml:lang="en">PDA</abbr> erstellt, also diese offene Baustelle endlich geschlossen.</p>
<p>Die <strong>Vorteile des <span lang="en" xml:lang="en">WordPress</span>-</strong><span lang="en" xml:lang="en"><strong>Plugins</strong> </span><a href="http://www.handypark.de/webmaster/blogs/wp-viewmobile.html" title="Webseite zum WordPress-Plugin WP viewMobile" lang="en" xml:lang="en" class="liexternal">WP viewMobile</a> liegen für mich darin, dass</p>
<ul>
<li>es mit einem deutschen <span lang="en" xml:lang="en">Theme</span> und deutsch im Administrationsbereich (<span lang="en" xml:lang="en">Backend</span>) daher kommt,</li>
<li>ich eigene <span lang="en" xml:lang="en">Themes</span> hinzufügen und anpassen kann,</li>
<li>sich die Erkennung der mobilen <span lang="en" xml:lang="en">Browser</span> anpassen lässt.</li>
</ul>
<p>Ein <strong>mobiles <abbr title="Cascading Style Sheets" lang="en" xml:lang="en">CSS</abbr>-<span lang="en" xml:lang="en">Layout</span></strong> sollte aus meiner Sicht insbesondere berücksichtigen, dass</p>
<ul>
<li>eine kleinere Bildschirmfläche und -auflösung als bei Monitoren von Computern zur Verfügung steht,</li>
<li>in der Regel die Datenübertragungsgeschwindigkeit / -rate niedrig ist und</li>
<li>Funktionalitäten, die lediglich mit Computer genutzt werden können, entfernt werden sollten.</li>
</ul>
<p>Zur <strong>Umsetzung</strong> habe ich dafür</p>
<ol>
<li>das modifizierte <span lang="en" xml:lang="en">WordPress</span>-<span lang="en" xml:lang="en">Theme</span> <a href="http://dynamicinternet.eu/wordpress/wordpress-themes/yaml-green-theme/" title="Webseite zum WordPress-Theme YAML Green von Michael Preuß" lang="en" xml:lang="en" class="liexternal"><acronym title="Yet Another Multicolumn Layout" lang="en" xml:lang="en">YAML</acronym> Green</a> in den <span lang="en" xml:lang="en">Theme</span>-Ordner des <span lang="en" xml:lang="en">WordPress</span>-<span lang="en" xml:lang="en">Plugins</span> WP <span lang="en" xml:lang="en">viewMobile</span> kopiert,</li>
<li>dann <acronym title="Yet Another Multicolumn Layout" lang="en" xml:lang="en">YAML</acronym> <span lang="en" xml:lang="en">Green</span> auf der Seite Optionen für das <span lang="en" xml:lang="en">Plugin</span> WP <span lang="en" xml:lang="en">viewMobile</span> im Administrationbereich (<span lang="en" xml:lang="en">Backend</span>) ausgewählt und die Einstellung entsprechend aktualisiert,</li>
<li>in der <span lang="en" xml:lang="en">functions</span>.php des <acronym title="Yet Another Multicolumn Layout" lang="en" xml:lang="en">YAML</acronym> <span lang="en" xml:lang="en">Green</span>-<span lang="en" xml:lang="en">Themes</span> im <span lang="en" xml:lang="en">Theme</span>-Ordner des <span lang="en" xml:lang="en">WordPress</span>-<span lang="en" xml:lang="en">Plugins</span> WP <span lang="en" xml:lang="en">viewMobile</span> den <abbr title="Cascading Style Sheets" lang="en" xml:lang="en">CSS</abbr>-Code im Kopfbereich (<span lang="en" xml:lang="en">Header</span>) sowie für die <a href="http://msdn.microsoft.com/en-us/library/ms537512%28VS.85%29.aspx" title="Englische Webseite von Microsoft zu Conditional Comments für den Internet Explorer" class="liexternal"><span lang="en" xml:lang="en">Conditional Comments</span></a> gelöscht / entfernt,</li>
<li>ein vereinfachtes mobiles <abbr title="Cascading Style Sheets" lang="en" xml:lang="en">CSS</abbr>-<span lang="en" xml:lang="en">Layout</span> erstellt, das
<ul>
<li>möglichst den geringen Bildschirmplatz auf Handys und <abbr title="Personal Digital Assistant" lang="en" xml:lang="en">PDA</abbr>s optimal nutzt,</li>
<li>möglichst wenig Bandbreite benötigt,</li>
<li>die Breite der Formularelemente begrenzt, damit der Opera Mini die Webseiten nicht auf maximale Breite zieht.</li>
</ul>
</li>
</ol>
<p>Sehr wahrlich</p>
<ul>
<li>fehlen noch einige <span lang="en" xml:lang="en">User Agents</span>, so dass noch nicht alle mobile <span lang="en" xml:lang="en">Browser</span> erkannt werden, und</li>
<li>gibt es noch Verbesserungsbedarf und -möglichkeiten bei diesem mobilen <abbr title="Cascading Style Sheets" lang="en" xml:lang="en">CSS</abbr>-<span lang="en" xml:lang="en">Layout</span>.</li>
</ul>
<p><strong>Getestet</strong> habe ich das mobile <abbr title="Cascading Style Sheets" lang="en" xml:lang="en">CSS-</abbr><span lang="en" xml:lang="en">Layout</span></p>
<ul>
<li>mit dem <a href="http://www.opera.com/mobile/download/" title="Downloadseite des Browsers Opera Mini" class="liexternal">Opera Mini 4</a> auf meinem Handy Sony-Ericsson P990i,</li>
<li>mit dem <a href="http://www.opera.com/developer/tools/mini/" title="Webseite mit dem Opera Mini Simulator" class="liexternal">Opera Mini Simulator</a> und</li>
<li>mit dem <a href="http://www.testiphone.com/" title="Webseite mit dem iPhone-Simulator unter TestiPhone.com" class="liexternal"><span lang="en" xml:lang="en">iPhone</span>-Simulator</a>.</li>
</ul>
<p>Der iPhone-Simulator funktionierte allerdings erst, nachdem ich mittels dem <span lang="en" xml:lang="en">Firefox</span>-<span lang="en" xml:lang="en">Addon</span> <a href="https://addons.mozilla.org/de/firefox/addon/user-agent-switcher/" title="Downloadseite für das Firefox-Addon User Agent Switcher" lang="en" class="liexternal">User Agent Switcher</a> und der importierten XML-Liste von Mobilgeräten, als <span lang="en" xml:lang="en">User Agent</span> für den <span lang="en" xml:lang="en">Firefox</span> das <span lang="en" xml:lang="en">iPhone</span> auswählte.</p>
<p>Darüber hinaus probierte ich den Seitentest unter ready.mobi aus. Das Ergebnis war zwar vernichtend, aber die dort zum Emulationstest aufgeführten Mobilgeräte sind aus meiner Sicht eh nicht zum mobilen Surfen geeignet. Vielmehr gehören die schon ins Museum. Anscheinend hat das auch der Betreiber der Website ready.mobi erkannt, denn die Website lies sich nicht mehr  aufrufen (Stand: 24. Mai 2010).</p>
<p><del datetime="2010-03-27T22:21:35+00:00">Hier noch der Link zu meiner mobilen <abbr title="Cascading Style Sheets" lang="en" xml:lang="en">CSS</abbr>-Datei.<br />
</del><br />
Für Verbesserungshinweise und -vorschläge mittels Kommentar oder Mail bin ich jederzeit dankbar.</p>
<hr /><h2>Kommentare</h2><ul><li><a href="http://www.webseiten-infos.de/neues-layout-fuer-handy-und-pda/" >9. August 2009</a>, <a href="http://dynamicinternet.eu" rel='external' class='url'>Micha</a> schreibt: Ich warte nur noch auf den Tag, an dem du dein erstes Theme veröffentlichst :)</li><li><a href="http://www.webseiten-infos.de/neues-layout-fuer-handy-und-pda/" >9. August 2009</a>, <a href="http://www.dieter-welzel.de" rel='external' class='url'>Dieter</a> schreibt: @Micha
Man soll ja nie nie sagen, aber das überlasse ich lieber Profis wie Dir und Heiko. :-)
Und diesbezüglich hast Du mir ja schon den Mund wässrig gemacht. Ich sage nur Xtreme One-Theme. :-)</li><li><a href="http://www.webseiten-infos.de/neues-layout-fuer-handy-und-pda/" >9. August 2009</a>, <a href="http://www.miradlo.net/bloggt/" rel='external' class='url'>Ute</a> schreibt: Hi Dieter,

sorry ich schon wieder und das ichphone... 

Leider bin ich schon wieder nicht glücklich. Das Theme lässt mich Beiträge wieder nur mit quer scrollen lesen. Das ist mühsam.

Alles andere sieht gut aus, falls dieser Kommentar auch noch ankommt. ;)</li><li><a href="http://www.webseiten-infos.de/neues-layout-fuer-handy-und-pda/" >10. August 2009</a>, <a href="http://www.dieter-welzel.de" rel='external' class='url'>Dieter</a> schreibt: @Ute
Danke für Deinen Hinweis und die Screenshots.

Ich will ja nicht unken, aber interpretiert das iPhone den Media Querie max-device-width: 480px als width auch für die vertikale Nutzung des Browsers?

Testweise habe ich jetzt mal max-device-width auf 320px geändert und die Seitenvergrößerung (den Zoom) freigegeben. Verstehe sowieso nicht, warum bei "<a href="http://perishablepress.com/press/2009/08/02/the-5-minute-css-mobile-makeover/" rel="nofollow" class="liexternal">The 5-Minute CSS Mobile Makeover</a>" empfohlen wird diese abzustellen.

Wäre Dir und allen Lesern die ein iPhone haben sehr dankbar, wenn die Zugänglichkeit dieser Seiten mit dem iPhone testet. Scheint ja - im Gegensatz zum Opera Mini - leider mit dem Simulator nicht richtig zu funktionieren. :-(</li><li><a href="http://www.webseiten-infos.de/neues-layout-fuer-handy-und-pda/" >10. August 2009</a>, <a href="http://www.dieter-welzel.de" rel='external' class='url'>Dieter</a> schreibt: So die Benutzerkennungen für das iPhone und den iPod Touch habe ich beim WordPress-Plugin WP viewMobile herausgeworfen. Nun sollten diese mobilen Geräte halt das Standardlayout von Webseiten-Infos.de für Computerbildschirme erhalten (siehe hierzu auch meinen neuen Blogbeitrag "<a href="http://www.webseiten-infos.de/iphone-simulatoren-sind-fuer-die-tonne/" rel="nofollow">iPhone-Simulatoren sind für die Tonne!</a>").</li><li><a href="http://www.webseiten-infos.de/neues-layout-fuer-handy-und-pda/" >17. Juli 2011</a>, Susanne schreibt: Also mir gefällt es, schaut auf alle Fälle professioneller aus als bei mir...</li><li><a href="http://www.webseiten-infos.de/neues-layout-fuer-handy-und-pda/" >17. Juli 2011</a>, <a href="http://www.dieter-welzel.de" rel='external' class='url'>Dieter</a> schreibt: Danke!
Nur so als Tipp: Wenn der Benutzername zum Impressum der angegebenen Website gepasst hätte, wäre der Link auch drin geblieben.</li><li><a href="http://www.webseiten-infos.de/neues-layout-fuer-handy-und-pda/" >10. Dezember 2011</a>, <a href="http://www.webseiten-infos.de/iphone-simulatoren-sind-fuer-die-tonne/" rel='external' class='url'>iPhone-Simulatoren sind für die Tonne! | Webseiten-Infos.de</a> schreibt: [...] Gestern hatte ich mein neues Layout für Handy und PDA vorgestellt (siehe hierzu meinen Blogbeitrag &#8220;Neues CSS-Layout für Handy und PDA&#8220;). [...]</li><li><a href="http://www.webseiten-infos.de/neues-layout-fuer-handy-und-pda/" >10. Dezember 2011</a>, <a href="http://www.webseiten-infos.de/wordpress-plugin-wp-pda-iphone-128-in-deutsch/" rel='external' class='url'>WordPress-Plugin PDA &amp; iPhone in Deutsch | Webseiten-Infos.de</a> schreibt: [...] die Darstellung von Webseiten-Infos.de auf Handy und PDA kannst Du in meinem Blogbeitrag &#8220;Neues Layout für Handy und PDA&#8221; [...]</li></ul><hr /><h2>&Auml;hnliche Beitr&auml;ge</h2><ul><li><a href="http://www.webseiten-infos.de/und-der-gewinner-des-buches-ist/" rel="bookmark" title="Permanent Link: Und der Gewinner des Buches ist&#8230;">Und der Gewinner des Buches ist&#8230;</a></li><li><a href="http://www.webseiten-infos.de/iphone-simulatoren-sind-fuer-die-tonne/" rel="bookmark" title="Permanent Link: iPhone-Simulatoren sind für die Tonne!">iPhone-Simulatoren sind für die Tonne!</a></li><li><a href="http://www.webseiten-infos.de/wordpress-plugin-wp-pda-iphone-128-in-deutsch/" rel="bookmark" title="Permanent Link: WordPress-Plugin PDA &#038; iPhone in Deutsch">WordPress-Plugin PDA &#038; iPhone in Deutsch</a></li><li><a href="http://www.webseiten-infos.de/layout-von-webseiten-infos-de-geaendert/" rel="bookmark" title="Permanent Link: Layout von Webseiten-Infos.de geändert">Layout von Webseiten-Infos.de geändert</a></li><li><a href="http://www.webseiten-infos.de/verschenke-buch-css-layouts-von-dirk-jesse/" rel="bookmark" title="Permanent Link: Verschenke Buch CSS-Layouts von Dirk Jesse">Verschenke Buch CSS-Layouts von Dirk Jesse</a></li></ul><hr /><small>Copyright &copy; 2010 <a href="http://www.webseiten-infos.de/" >Dieter Welzel</a><br />Dieser Feed ist nur f&uuml;r den pers&ouml;nlichen, nicht gewerblichen Gebrauch bestimmt.<br />Eine Verwendung dieses Feeds auf anderen Webseiten verst&ouml;&szlig;t gegen das Urheberrecht. Wenn Sie diesen Inhalt nicht in Ihrem News-Reader lesen, so macht sich die Seite, die Sie betrachten, der Urheberrechtsverletzung schuldig. (digitalfingerprint: bbd2a4c375bd3a68829f8cc22c8ac04d (38.107.179.230) )</small><hr /><p><small><a href="http://www.webseiten-infos.de/neues-layout-fuer-handy-und-pda/">Permalink</a> |
<a href="http://www.webseiten-infos.de/neues-layout-fuer-handy-und-pda/#comments">9 Kommentare</a> |
Seite speichern bei <a href="http://twitter.com/home?status=http://www.webseiten-infos.de/neues-layout-fuer-handy-und-pda/">Twitter</a> | <a href="http://www.mister-wong.de/addurl/?bm_url=http://www.webseiten-infos.de/neues-layout-fuer-handy-und-pda/&&bm_description=Neues Layout für Handy und PDA&&bm_tags=CSS, Firefox, Firefox-Addon, Handheld, Handy, iPhone, Layout, PDA, Plugins, User Agent, Webseiten, WordPress, YAML, YAML Green&plugin=soc">Mister Wong</a> | <a href="http://del.icio.us/post?url=http://www.webseiten-infos.de/neues-layout-fuer-handy-und-pda/&title=Neues Layout für Handy und PDA">del.icio.us</a> | <a href="http://yigg.de/neu?exturl=http://www.webseiten-infos.de/neues-layout-fuer-handy-und-pda/&exttitle=Neues Layout für Handy und PDA">Y!GG</a> | <a href="http://technorati.com/faves?add=http://www.webseiten-infos.de/neues-layout-fuer-handy-und-pda/>Technorati</a> | <a href="http://linkarena.com/bookmarks/addlink/?url=http://www.webseiten-infos.de/neues-layout-fuer-handy-und-pda/&title=Neues Layout für Handy und PDA>Linkarena</a><br/>
Schlagwörter: <a href="http://www.webseiten-infos.de/tag/css/" rel="tag">CSS</a>, <a href="http://www.webseiten-infos.de/tag/firefox/" rel="tag">Firefox</a>, <a href="http://www.webseiten-infos.de/tag/firefox-addon/" rel="tag">Firefox-Addon</a>, <a href="http://www.webseiten-infos.de/tag/handheld/" rel="tag">Handheld</a>, <a href="http://www.webseiten-infos.de/tag/handy/" rel="tag">Handy</a>, <a href="http://www.webseiten-infos.de/tag/iphone/" rel="tag">iPhone</a>, <a href="http://www.webseiten-infos.de/tag/layout/" rel="tag">Layout</a>, <a href="http://www.webseiten-infos.de/tag/pda/" rel="tag">PDA</a>, <a href="http://www.webseiten-infos.de/tag/plugins/" rel="tag">Plugins</a>, <a href="http://www.webseiten-infos.de/tag/user-agent/" rel="tag">User Agent</a>, <a href="http://www.webseiten-infos.de/tag/webseiten/" rel="tag">Webseiten</a>, <a href="http://www.webseiten-infos.de/tag/wordpress/" rel="tag">WordPress</a>, <a href="http://www.webseiten-infos.de/tag/yaml/" rel="tag">YAML</a>, <a href="http://www.webseiten-infos.de/tag/yaml-green/" rel="tag">YAML Green</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.webseiten-infos.de/neues-layout-fuer-handy-und-pda/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>

