<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Webwork Tipps</title>
	
	<link>http://www.webwork-tipps.de</link>
	<description>Tipps, Tests und Anleitungen für ein erfolgreiches Business als Webworker</description>
	<lastBuildDate>Thu, 21 Mar 2013 15:45:28 +0000</lastBuildDate>
	<language>de-DE</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/WebworkTipps" /><feedburner:info uri="webworktipps" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId>WebworkTipps</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item>
		<title>Firefox-Profile erstellen und sinnvoll nutzen</title>
		<link>http://feedproxy.google.com/~r/WebworkTipps/~3/Xj_VEC8YrOg/</link>
		<comments>http://www.webwork-tipps.de/firefox-profile-erstellen-und-sinnvoll-nutzen/#comments</comments>
		<pubDate>Tue, 04 Dec 2012 15:14:01 +0000</pubDate>
		<dc:creator>Maik</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[tipps]]></category>

		<guid isPermaLink="false">http://www.webwork-tipps.de/?p=1075</guid>
		<description><![CDATA[<p>Es gibt viele Firefox-User, die ihren Browser mit sämtlichen Addons vollstopfen. Das geht auch anders: Mit Firefox-Profilen! In diesem Artikel zeige ich, wie man mehrere Firefox-Profile erstellt und welche Vorteile das hat. Firefox-Profile &#8211; Sinn und Zweck Die Vorteile von mehreren Firefox-Profilen liegen auf der Hand. In dem Artikel zu Firefox-Addons hab ich bereits erwähnt, [...]</p><p>Der Beitrag <a href="http://www.webwork-tipps.de/firefox-profile-erstellen-und-sinnvoll-nutzen/">Firefox-Profile erstellen und sinnvoll nutzen</a> erschien auf <a href="http://www.webwork-tipps.de">Webwork Tipps</a>.</p>]]></description>
				<content:encoded><![CDATA[<p class="teaser">Es gibt viele Firefox-User, die ihren Browser mit sämtlichen Addons vollstopfen. Das geht auch anders: Mit Firefox-Profilen! In diesem Artikel zeige ich, wie man mehrere Firefox-Profile erstellt und welche Vorteile das hat.</p>
<p><span id="more-1075"></span></p>
<h2>Firefox-Profile &#8211; Sinn und Zweck</h2>
<p>Die Vorteile von mehreren Firefox-Profilen liegen auf der Hand. In dem Artikel zu <a href="http://www.webwork-tipps.de/20-nuetzliche-firefox-addons-fuer-webworker/">Firefox-Addons</a> hab ich bereits erwähnt, dass man nicht zu viele Addons installieren sollte. Das macht nicht nur den Browser langsamer, sondern kann auch zum Programmabsturz und im schlimmsten Fall zum Datenverlust führen.</p>
<p>Dagegen helfen <strong>Firefox-Profile</strong>. Firefox-Profile sind für mich mittlerweile unverzichtbar. Ich nutze zum Beispiel das Standard-Profil zum &#8220;normalen Surfen&#8221; und hab dort nur vier Addons installiert: NoScript, Adblock Plus, HTTPS Everywhere und Better Privacy. Das reicht, um einigermaßen sicher im Netz unterwegs zu sein.</p>
<p>Dann hab ich noch ein Webwork-Profil mit Entwickler-Addons wie Web Developer, Firebug, etc. und ein SEO-Profil mit SEO-Addons. Und so kann man immer wieder neue spezielle Profile erstellen &#8211; zum Beispiel zum Testen und Aufspüren von Sicherheitslücken in Webanwendungen (Pentests).</p>
<h2>Firefox-Profile erstellen</h2>
<p>Als erstes muss der <strong>Profil-Manager</strong> aufgerufen werden, mit dem Profile erstellt werden können. Dazu sollte eine Desktop-Verknüfung zu Firefox erstellt werden (falls noch nicht vorhanden).</p>
<p>Danach fügt man dem Ziel der Verknüpfung die Parameter <code>-P -no-remote</code> hinzu.</p>
<aside class="infobox">Der Parameter <kbd>-P profilname</kbd> gibt das Profil an. In diesem Fall wird kein Profilname angegeben und somit der Profil-Manager gestartet. Der zweite Parameter <kbd>-no-remote</kbd> sorgt dafür, dass mehrere Firefox-Instanzen gleichzeitig geöffnet werden können.</aside>
<p>Unter Windows ruft man dazu die Eigenschaften der Verknüpfung auf: <code>Rechte Maustaste > Eigenschaften</code> und fügt die Parameter im Feld &#8220;Ziel&#8221; hinzu.</p>
<p><strong>Beispiel Vorher:</strong></p>
<p><code>"C:\Programme\Mozilla Firefox\firefox.exe"</code></p>
<p><strong>Beispiel Nachher:</strong></p>
<p><code>"C:\Programme\Mozilla Firefox\firefox.exe" -P -no-remote</code></p>
<p>Anschließend startet man den Profil-Manager über die Verknüpfung und erstellt ein Profil mit einem passenden Namen. Der Name sollte am besten kurz und ohne Leerzeichen sein. Danach den Profil-Manager wieder schließen.</p>
<p>Nun hat man zwei Profile: Das Standard-Profil (default) und ein neues Profil. Von daher braucht man eine weitere Desktop-Verknüpfung. Dazu einfach die vorhandene Verknüpfung mit <code>Strg + C</code> kopieren und mit <code>Strg + V</code> einfügen.</p>
<p>Danach fügt man den Verknüpfungen die Profilnamen im Parameter <code>-P</code> hinzu.</p>
<p><strong>Beispiel Standard-Profil:</strong></p>
<p><code>"C:\Programme\Mozilla Firefox\firefox.exe" -P default -no-remote</code></p>
<p><strong>Beispiel neues Profil mit dem Namen &#8220;seo&#8221;:</strong></p>
<p><code>"C:\Programme\Mozilla Firefox\firefox.exe" -P seo -no-remote</code></p>
<aside class="infobox">Hat man einen Profilnamen mit Leerzeichen gewählt, muss dieser mit Anführungszeichen umschlossen werden.</aside>
<h2>Firefox-Profile individualisieren</h2>
<p>Damit man die einzelnen Profile besser unterschieden kann, sollte man verschiedene Firefox-Icons und/oder <a href="http://www.getpersonas.com/de/" target="_blank">Personas</a> (Firefox-Themes) verwenden.</p>
<h2>Screencast</h2>
<p>Ich hab dazu einen kleinen Screencast aufgenommen:</p>
<p><iframe src="http://www.screenr.com/embed/J4d7" width="100%" height="396" frameborder="0"></iframe></p>
<h2>Fazit</h2>
<p>Firefox-Profile sind sehr praktisch und besonders sinnvoll, wenn man viele Addons nutzen will. Anstatt den Firefox vollzustopfen und langsam und unstabil zu machen, nutzt man mehrere Profile mit nur einer Handvoll Addons für verschiedene Zwecke.</p>
<p>Der Beitrag <a href="http://www.webwork-tipps.de/firefox-profile-erstellen-und-sinnvoll-nutzen/">Firefox-Profile erstellen und sinnvoll nutzen</a> erschien auf <a href="http://www.webwork-tipps.de">Webwork Tipps</a>.</p><img src="http://feeds.feedburner.com/~r/WebworkTipps/~4/Xj_VEC8YrOg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.webwork-tipps.de/firefox-profile-erstellen-und-sinnvoll-nutzen/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://www.webwork-tipps.de/firefox-profile-erstellen-und-sinnvoll-nutzen/</feedburner:origLink></item>
		<item>
		<title>20 nützliche Firefox-Addons für Webworker</title>
		<link>http://feedproxy.google.com/~r/WebworkTipps/~3/Ad6noixE-mc/</link>
		<comments>http://www.webwork-tipps.de/20-nuetzliche-firefox-addons-fuer-webworker/#comments</comments>
		<pubDate>Wed, 07 Nov 2012 18:12:26 +0000</pubDate>
		<dc:creator>Maik</dc:creator>
				<category><![CDATA[Software]]></category>

		<guid isPermaLink="false">http://www.webwork-tipps.de/?p=248</guid>
		<description><![CDATA[<p>Was wär Firefox ohne Addons? Gerade Webworker profitieren von den zahlreichen kostenlosen Erweiterungen, die eine Menge Arbeit und vor allem Zeit sparen. In diesem Artikel stelle ich 20 nützliche Firefox-Addons vor, die besonders für Webworker empfehlenswert sind. Web Developer Das Firefox-Addon Web Developer erweitert den Firefox um eine Toolbar bzw. ein Kontextmenü mit zahlreichen nützlichen [...]</p><p>Der Beitrag <a href="http://www.webwork-tipps.de/20-nuetzliche-firefox-addons-fuer-webworker/">20 nützliche Firefox-Addons für Webworker</a> erschien auf <a href="http://www.webwork-tipps.de">Webwork Tipps</a>.</p>]]></description>
				<content:encoded><![CDATA[<p class="teaser">Was wär Firefox ohne Addons? Gerade Webworker profitieren von den zahlreichen kostenlosen Erweiterungen, die eine Menge Arbeit und vor allem Zeit sparen. In diesem Artikel stelle ich 20 nützliche Firefox-Addons vor, die besonders für Webworker empfehlenswert sind.</p>
<p><span id="more-248"></span></p>
<h2>Web Developer</h2>
<p>Das Firefox-Addon <a href="https://addons.mozilla.org/de/firefox/addon/web-developer/" target="_blank">Web Developer</a> erweitert den Firefox um eine Toolbar bzw. ein Kontextmenü mit zahlreichen nützlichen Funktionen und Werkzeuge für <strong>Webentwickler</strong>. Damit lassen sich beliebige Elemente hervorheben, CSS, JavaScript, Cookies, Formulare, etc. temporär im Browser bearbeiten oder Informationen von beliebigen Elementen anzeigen. Zudem bietet das Addon nützliche Werkzeuge, wie ein Lineal oder einen integrierten HTML/CSS-Validator.</p>
<p>Das Addon wird regelmäßig aktualisiert. Es gibt z.B. seit kurzem eine Funktion, mit der sich Responsive Layouts anzeigen lassen. So kann man mit einem Klick sehen, wie Responsive Webdesigns auf verschiedenen mobilen Geräten aussehen. Besonders Webentwickler profitieren von diesem Addon. Absolut zu empfehlen.</p>
<h2>ColorZilla</h2>
<p>Eine Sache fehlt jedoch im Web Developer Addon: Eine <strong>Pipette</strong>. Dafür gibt es <a href="https://addons.mozilla.org/de/firefox/addon/colorzilla/" target="_blank">ColorZilla</a>. ColorZilla fügt dem Browser eine Pipette hinzu, mit der Farben von beliebigen Webseiten selektiert werden können. Die Farbwerte werden im Hex- und RGB-Format angezeigt. Zudem gibt es noch einige zusätzliche Funktionen.</p>
<h2>Firebug</h2>
<p>Das sehr mächtige Addon <a href="https://addons.mozilla.org/de/firefox/addon/firebug/" target="_blank">Firebug</a> gehört in jedem Werkzeugkasten eines Webworkers. Damit lassen sich HTML-Elemente, CSS und JavaScript-Code einer Seite live im Browser <strong>debuggen</strong> und modifizieren. So kann man Fehler ausfindig machen oder testen, wie ein bestimmer Hintergrund, eine Link-Farbe oder eine Schriftart aussehen würde &#8211; ohne dabei die Seite ansich zu ändern.</p>
<p>Auch wenn Firefox mittlerweile ein Developer-Tool mitliefert &#8211; mit Firebug kann es nicht annähernd mithalten. Ein absolutes Must-Have.</p>
<h2>Page Speed / YSlow</h2>
<p>Von Google gibt es eine Erweiterung zu Firebug: <a href="https://developers.google.com/speed/docs/insights/using_firefox" target="_blank">Page Speed</a> &#8211; seit einer Weile auch als PageSpeed Insights bekannt. Mit diesem Addon lässt sich die <strong>Performance</strong> einer Webseite genauer analysieren. Dabei werden konkrete Hinweise und Empfehlungen zur Optimierung gegeben. Bilder, CSS- und JS-Dateien der analysierten Seite werden on-the-fly optimiert und auf dem Rechner an einem beliebigen Ort gespeichert.</p>
<p>Da geringe Ladezeiten von Webseiten sehr wichtig für die Nutzererfahrung sind und für bessere Rankings in den Suchmaschinen sorgen, sollte man diese überprüfen und optimieren. Oft kann man noch einiges an Performance aus seinen Seiten herausholen. Page Speed gibt es auch als Chrome-Extension oder als <a href="https://developers.google.com/speed/pagespeed/insights" target="_blank">Online-Tool</a>.</p>
<p><a href="https://addons.mozilla.org/de/firefox/addon/yslow/" target="_blank">YSlow</a> ist die Yahoo!-Variante zu Google&#8217;s Page Speed. Auch ein empfehlenswertes Addon zur Performance-Analyse von Webseiten.</p>
<h2>SEO Toolbar</h2>
<p>Die <a href="http://tools.seobook.com/seo-toolbar/" target="_blank">SEO Toolbar</a> von seobook.com bietet sehr nützliche Tools und Informationen zur <strong>Suchmaschinenoptimierung</strong> einer Webseite bzw. Domain. Von allgemeinen Infos wie das Domainalter bis zur Keyworddichte. Ein sehr hilfreiches Tool zur Überprüfung der Onpage-Optimierung ist das integrierte &#8220;SEO XRay&#8221;-Tool. Damit kann man mit einem Klick überprüfen, ob eine gut oder schlecht strukturierte Überschriften-Hierarchie verwendet wird (h1, h2, h3, etc).</p>
<h2>Rank Checker</h2>
<p>Der <a href="http://tools.seobook.com/firefox/rank-checker/" target="_blank">Rank Checker</a> von seobook.com ist ein weiteres nützliches SEO-Addon. Damit kann man die <strong>Rankings</strong>, also die Positionen von Webseiten zu verschiedenen Keywords checken. Auch automatisierte Abfragen sind möglich (z.B. täglich). Wer regelmäßig nur ein paar Keywords für ein paar Webseiten / Domains checken will, sollte das mal testen. Ein professionelles SEO-Tool ersetzt es natürlich nicht.</p>
<p><em>Hinweis: Wer die SEO Toolbar von seobook.com nutzt, braucht den Rank Checker nicht installieren. Dieser ist in der Toolbar bereits integriert.</em></p>
<h2>SEOquake</h2>
<p>Eines der beliebtesten SEO-Addons für Firefox ist <a href="https://addons.mozilla.org/de/firefox/addon/seoquake-seo-extension/" target="_blank">SEOquake</a>. Dieses bietet nicht nur eine Toolbar mit zahlreichen Features und Infos, sondern erweitert die Google-Suchergebnisse um einige <strong>Parameter</strong>, wie Domainalter, PageRank, Anzahl der indexierten Seiten, etc. Es können sogar eigene Parameter hinzugefügt werden.</p>
<p>Auf <a href="http://www.seoquake.com/" target="_blank">seoquake.com</a> gibt es auch eine Version für Google Chrome, Opera und Safari.</p>
<h2>SearchStatus</h2>
<p><a href="https://addons.mozilla.org/de/firefox/addon/searchstatus/" target="_blank">SearchStatus</a> bringt ebenfalls reichlich Features mit sich. Damit lässt sich schnell die robots.txt anzeigen, Nofollow-Links markieren, Keyworddichte berechnen, etc. und auch hier gibt es eine Anzeige des Google PageRank und Alexa Rank.</p>
<p>Wer nicht auf Toolbars steht (oder schon zu viele hat <img src='http://www.webwork-tipps.de/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> ) sollte sich das anschauen.</p>
<h2>roboxt!</h2>
<p>Ein weiteres SEO-Addon in der Liste: <a href="https://addons.mozilla.org/de/firefox/addon/roboxt/" target="_blank">roboxt!</a>. Dieses sehr nützliche Addon zeigt in der Statusleiste an, ob die aktuelle URL durch die robots.txt für Robots blockiert wird. Außerdem kann angezeigt werden, wieviele Links blockiert werden.</p>
<h2>Seerobots</h2>
<p>Mit <a href="https://addons.mozilla.org/de/firefox/addon/seerobots/" target="_blank">Seerobots</a> wird in der Statusleiste angezeigt, ob die aktuelle Seite durch das Robots-Tag blockiert wird. Das interessante dabei ist die Anzeige des HTTP-Headers <strong>X-Robots-Tag</strong>. Steht dieser auf &#8220;nofollow&#8221;, dann sind alle Links auf der Seite Nofollow-Links und das ist manchmal (z.B. beim Linktausch) nicht wirklich erwünscht. Mit Seerobots kann man das mit einem Klick überprüfen.</p>
<h2>Extended Statusbar</h2>
<p><a href="https://addons.mozilla.org/en-us/firefox/addon/extended-statusbar/" target="_blank">Extended Statusbar</a> zeigt nützliche Informationen über die besuchten Webseiten an, wie z.B. die Ladezeit, die Anzahl der Bilder, etc.</p>
<h2>Tamper Data / Live HTTP Headers</h2>
<p>Mit <a href="https://addons.mozilla.org/de/firefox/addon/tamper-data/" target="_blank">Tamper Data</a> lassen sich die <strong>HTTP-Header</strong> von Webseiten anzeigen bzw. analysieren und modifizieren. Sehr nützlich, wenn man überprüfen will, ob bestimmte Header korrekt gesendet werden (z.B. 301-Weiterleitungen).</p>
<p>Eine Alternative ist <a href="https://addons.mozilla.org/de/firefox/addon/live-http-headers/" target="_blank">Live HTTP Headers</a>, das ebenfalls empfehlenwert ist. Allerdings gibt es bei Tamper Data den Vorteil, dass sich die Requests <strong>vor</strong> dem ersten Absenden modifizieren lassen.</p>
<h2>Greasemonkey</h2>
<p>Ein weiteres mächtiges Firefox-Addon ist <a href="https://addons.mozilla.org/de/firefox/addon/greasemonkey/" target="_blank">Greasemonkey</a>. Mit Greasemonkey kann eigener <strong>JavaScript-Code</strong> im Browser eingebunden werden, der sich auf ausgewählte Webseiten bzw. ganze Websites auswirkt, sobald diese geladen werden. Auf <a href="http://userscripts.org/" target="_blank">userscripts.org</a> finden sich hunderte Scripte für Greasemonkey.</p>
<h2>View Source Chart</h2>
<p>Wer kennt das nicht: man schaut sich den Quelltext einer Seite an und kann ihn wegen der schlechten Formatierung oder einer Komprimierung kaum folgen. Dies ändert sich mit <a href="https://addons.mozilla.org/en-US/firefox/addon/view-source-chart/" target="_blank">View Source Chart</a>. Mit diesem Addon lässt sich der <strong>Seitenquelltext</strong> grafisch, formatiert und strukturiert anzeigen.</p>
<h2>QuickNote</h2>
<p><a href="https://addons.mozilla.org/de/firefox/addon/quicknote/" target="_blank">QuickNote</a> bietet eine sehr einfache Möglichkeit, <strong>Notizen</strong> im Browser anzulegen. Dabei gehen keine Daten verloren, da dieses Addon eine automatische Speicherung der Notizen vornimmt. Tipp: Zum schnellen Aufrufen: <kbd>Strg + F7</kbd></p>
<h2>FireShot</h2>
<p>Mit <a href="https://addons.mozilla.org/de/firefox/addon/fireshot/" target="_blank">FireShot</a> lassen sich blitzschnell <strong>Screenshots</strong> von ganzen Websites oder von Teilen einer Webseite erstellen, speichern oder drucken. Fireshot ist ein sehr umfangreiches Screenshot-Addon für Firefox mit vielen Funktionen.</p>
<h2>BetterPrivacy</h2>
<p><a href="https://addons.mozilla.org/de/firefox/addon/betterprivacy/" target="_blank">BetterPrivacy</a> ermöglicht das Löschen und Deaktivieren von sogenannten <strong>Super-Cookies</strong>, wie Flash Cookies und DOM Storage Cookies. Webworker sind oft und lange im Netz unterwegs und hinterlassen viele Spuren. Super-Cookies lassen sich nicht einfach im Browser löschen und können jede Menge Daten über Nutzer browserunabhängig speichern. Von daher: weg damit.</p>
<h2>HTTPS Everywhere</h2>
<p>Webworker nutzen normalerweise relativ viele Online-Dienste. Dabei sind aber nicht nur <a href="http://www.webwork-tipps.de/software-tipp-keepass-passwoerter-sicher-verwalten/">sichere Passwörter</a> wichtig, sondern auch eine <strong>verschlüsselte</strong> HTTPS/SSL-Verbindung. Das Firefox-Addon <a href="https://www.eff.org/https-everywhere" target="_blank">HTTPS Everywhere</a> sorgt dafür, dass viele bekannte Seiten verschlüsselt über HTTPS aufgerufen werden, sofern es unterstützt wird. So zum Beispiel auch sämtliche Google-Suchanfragen.</p>
<h2>Nicht zu viele Addons auf einmal!</h2>
<p>Natürlich sollte man nicht zu viele Firefox-Addons in einem Browser installieren. Das könnte Abstürze und somit evtl. sogar Datenverlust hervorrufen. Wenn man 10-20 Addons nutzen will, sollte man dafür mehrere <a href="http://www.webwork-tipps.de/firefox-profile-erstellen-und-sinnvoll-nutzen/">Firefox-Profile anlegen</a>.</p>
<p>Der Beitrag <a href="http://www.webwork-tipps.de/20-nuetzliche-firefox-addons-fuer-webworker/">20 nützliche Firefox-Addons für Webworker</a> erschien auf <a href="http://www.webwork-tipps.de">Webwork Tipps</a>.</p><img src="http://feeds.feedburner.com/~r/WebworkTipps/~4/Ad6noixE-mc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.webwork-tipps.de/20-nuetzliche-firefox-addons-fuer-webworker/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://www.webwork-tipps.de/20-nuetzliche-firefox-addons-fuer-webworker/</feedburner:origLink></item>
		<item>
		<title>Mouseflow – Bessere Usability und Conversion-Rates durch Mousetracking</title>
		<link>http://feedproxy.google.com/~r/WebworkTipps/~3/xR-wTpHOJ8c/</link>
		<comments>http://www.webwork-tipps.de/mouseflow-bessere-usability-und-conversion-rates-durch-mousetracking/#comments</comments>
		<pubDate>Tue, 30 Oct 2012 19:30:52 +0000</pubDate>
		<dc:creator>Maik</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web Analytics]]></category>
		<category><![CDATA[Testbericht]]></category>

		<guid isPermaLink="false">http://www.webwork-tipps.de/?p=450</guid>
		<description><![CDATA[<p>Wie verhalten sich die Besucher auf deiner Website? Gibt es Hürden? Lesen sie den ganzen Text oder nur ein Teil? Wo, wann und wieso springen sie ab? Mit dem Mousetracking-Tool Mouseflow kannst du deinen Besuchern über die Schulter schauen. Mousetracking Mousetracking bezeichnet das Aufzeichnen von Mausbewegungen &#8211; in diesem Fall auf Webseiten. Dabei wird Mousetracking [...]</p><p>Der Beitrag <a href="http://www.webwork-tipps.de/mouseflow-bessere-usability-und-conversion-rates-durch-mousetracking/">Mouseflow &#8211; Bessere Usability und Conversion-Rates durch Mousetracking</a> erschien auf <a href="http://www.webwork-tipps.de">Webwork Tipps</a>.</p>]]></description>
				<content:encoded><![CDATA[<p class="teaser">Wie verhalten sich die Besucher auf deiner Website? Gibt es Hürden? Lesen sie den ganzen Text oder nur ein Teil? Wo, wann und wieso springen sie ab? Mit dem Mousetracking-Tool Mouseflow kannst du deinen Besuchern über die Schulter schauen.</p>
<p><span id="more-450"></span></p>
<h2>Mousetracking</h2>
<p>Mousetracking bezeichnet das Aufzeichnen von Mausbewegungen &#8211; in diesem Fall auf Webseiten. Dabei wird Mousetracking meistens für das Testen und Optimieren der Usability bzw. der Conversion-Rate eingesetzt.</p>
<h3>Vorteile des Mousetrackings</h3>
<p>Mit Mousetracking kann man:</strong></p>
<ul>
<li>die Besucher und deren Verhalten bzw. Bedürfnisse verstehen</li>
<li>die Interessen der Besucher herausfinden</li>
<li>Hürden erkennen und für bessere Usability sorgen</li>
<li>bessere Conversion-Rates erzielen</li>
<li>neue Inhalte und Elemente testen</li>
</ul>
<h2>Mouseflow</h2>
<p>Ein interessantes Mousetracking-Tool ist <a href="http://mouseflow.com/" target="_blank">Mouseflow</a>.</p>
<p>Mit Mouseflow kann man das Verhalten seiner Besucher in <strong>Echtzeit</strong> aufzeichnen. Neben Mausbewegungen werden Klicks, Eingaben in Formularen und sogar das Scrollen aufgezeichnet. Eingaben in Passwort-Feldern werden natürlich maskiert und nicht als Klartext angezeigt. Es ist im Grunde (fast) wie eine Bildschirmaufnahme.</p>
<p>Dabei werden ganze Sessions eines Users aufgezeichnet und zugeordnet. So kann man beispielsweise das Verhalten von Kunden bei einem Bestellprozess verfolgen &#8211; von der Einstiegsseite bis zur Bestellung und darüber hinaus.</p>
<p>Ich hab Mouseflow mal auf einer meiner Websites getestet. Hier ein Screenshot:</p>
<div id="attachment_555" class="wp-caption alignnone" style="width: 310px"><a href="http://www.webwork-tipps.de/wp-content/uploads/2012/10/mouseflow-recordings.jpg" rel="prettyPhoto" title="Mouseflow - Aufzeichnungen"><img src="http://www.webwork-tipps.de/wp-content/uploads/2012/10/mouseflow-recordings-300x188.jpg" alt="Mouseflow - Aufzeichnungen" title="Mouseflow - Aufzeichnungen" width="300" height="188" class="size-medium wp-image-555" /></a><p class="wp-caption-text">Mouseflow &#8211; Aufzeichnungen</p></div>
<p>Das Tool bietet aber noch mehr.</p>
<ul>
<li><strong>Click Heatmaps</strong><br />
Die Click Heatmaps zeigen in Form von &#8220;heißen Stellen&#8221;, auf welchen Elementen der Seite besonders häufig geklickt wird. So kann man z.B. erkennen und testen, ob ein Call-To-Action Button gut funktioniert oder auf welchen Werbebannern am meisten geklickt wird. Dadurch lässt sich die Conversion-Rate deutlich steigern und die Usability optimieren.</li>
<li><strong>Movement Heatmaps</strong><br />
Die Movement Heatmaps sind ähnlich wie die Click Heatmaps, nur werden hier keine Klicks hervorgehoben, sondern Bereiche, wo sich die User am meisten mit dem Mauszeiger bewegen. So kann man erkennen, welcher Bereich einer Webseite die meiste Aufmerksamkeit erhält.</li>
<li><strong>Scroll Heatmaps</strong><br />
Auch die Scroll Heatmaps bringen interessante Erkenntnisse. Liegen wichtige Elemente im Sichtbereich der User oder müssen sie erst scrollen? Die Scroll Heatmaps geben Einblicke in das Scroll-Verhalten der User.</li>
<li><strong>Link Analytics</strong><br />
Mit dem &#8220;Link Analytics&#8221;-Feature kann man genau herausfinden, welche Links am besten funktionieren. Anders als bei vielen Web-Analytics Tools, werden hier auch Klicks auf Links mit identischen Linkzielen einzeln gewertet. Diese Daten werden ebenfalls als Heatmap dargestellt und mit Statistiken versehen.</li>
<li><strong>Page Analytics</strong><br />
Natürlich gibt es auch allgemeine Web-Analytics-Statistiken für einzelne Seiten. Page Views, Bounce Rate, durchschnittliche Ladezeit, etc. &#8211; aber auch spezielle Infos, wie die Seitenhöhe oder Clicks per View.</li>
</ul>
<h2>Kostenlose &#038; kostenpflichtige Versionen</h2>
<p>Mit der <strong>kostenlosen Version</strong> kann man 100 Sessions pro Monat für eine Website aufzeichnen. Diese werden ein Monat lang gespeichert. Wer das Tool für mehrere Websites nutzen will, <em>könnte</em> mehrere Accounts erstellen. Ich weiß jetzt nicht, ob es gegen die TOS verstößt (denke nicht), aber es wär auf jeden Fall möglich. <img src='http://www.webwork-tipps.de/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<p>Spätestens bei HTTPS/SSL (also z.B. bei jedem seriösen Online-Shop) ist aber Schluss &#8211; dann muss eine kostenpflichtige Version her. Die gibt&#8217;s aber schon ab 10 Euro / Monat und wenn man bedenkt, dass dadurch die Conversion-Rate erhöht werden kann, hat sich das am Ende wahrscheinlich ausgezahlt.</p>
<p>Zudem bieten die kostenpflichtigen Versionen noch einige <a href="http://mouseflow.com/pricing/" target="_blank">weitere Features</a>. Unter anderem kann man die Aufnahmen downloaden und es gibt einen Live-Stream.</p>
<h2>Datenschutz: Anonymisierung der IP-Adressen</h2>
<p>Um das Tool in Deutschland datenschutzkonform zu machen, sollte man unbedingt die IP-Adressen anonymisieren. Das geht in Mouseflow ganz einfach:</p>
<ol>
<li>In Account einloggen</li>
<li>In der Website-Liste auf &#8220;Edit&#8221; klicken</li>
<li>Danach auf den Button &#8220;Edit details&#8221; klicken</li>
<li>Die Option &#8220;Anonymize user IPs&#8221; auf &#8220;Yes&#8221; stellen
<li>Anschließend mit &#8220;Save&#8221; speichern</li>
</ol>
<div id="attachment_510" class="wp-caption alignnone" style="width: 310px"><a href="http://www.webwork-tipps.de/wp-content/uploads/2012/10/mouseflow-anonyme-ips.jpg" rel="prettyPhoto" title="Mouseflow - IPs anonymisieren"><img src="http://www.webwork-tipps.de/wp-content/uploads/2012/10/mouseflow-anonyme-ips-300x236.jpg" alt="Mouseflow - IPs anonymisieren" title="Mouseflow - IPs anonymisieren" width="300" height="236" class="size-medium wp-image-510" /></a><p class="wp-caption-text">Mouseflow &#8211; IPs anonymisieren</p></div>
<p>Dadurch wird der letzte Teil der IP-Adressen unkenntlich gemacht.</p>
<p>Außerdem sollte man z.B. im Impressum einen Hinweis hinterlassen, dass aufgezeichnet wird und es jeder unter folgender URL im Browser deaktivieren kann: <a href="http://mouseflow.com/opt-out/" target="_blank">http://mouseflow.com/opt-out/</a></p>
<h2>Fazit</h2>
<p><a href="http://mouseflow.com/" target="_blank">Mouseflow</a> ist auf jeden Fall einen Blick wert. Das Online-Tool gibt sehr detaillierte Einblicke in das Verhalten seiner Besucher. Man kann dadurch viele Erkenntnisse gewinnen und seine Seiten optimieren. Selbst die kostenlose Version hat einiges zu bieten, denn die Aufnahmezeit ist nicht limitiert und es gibt keine versteckten Kosten.</p>
<p>Was man kritisieren könnte ist, dass die Interaktionen mit der Website ohne Wissen und Einverständnis des Users aufgezeichnet werden. Das hab ich aber extra nicht als Nachteil aufgeführt, da es bei anderen Web-Analytics-Tools, wie Google Analytics, auch so ist. Und wenn es dem User am Ende hilft, indem die Usability der Website verbessert wird, ist es ja eher ein Vorteil. Trotzdem sollte man zumindest im Impressum dem User die Möglichkeit geben es zu deaktivieren.</p>
<p>Der Beitrag <a href="http://www.webwork-tipps.de/mouseflow-bessere-usability-und-conversion-rates-durch-mousetracking/">Mouseflow &#8211; Bessere Usability und Conversion-Rates durch Mousetracking</a> erschien auf <a href="http://www.webwork-tipps.de">Webwork Tipps</a>.</p><img src="http://feeds.feedburner.com/~r/WebworkTipps/~4/xR-wTpHOJ8c" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.webwork-tipps.de/mouseflow-bessere-usability-und-conversion-rates-durch-mousetracking/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.webwork-tipps.de/mouseflow-bessere-usability-und-conversion-rates-durch-mousetracking/</feedburner:origLink></item>
		<item>
		<title>Software-Tipp: KeePass – Passwörter sicher verwalten</title>
		<link>http://feedproxy.google.com/~r/WebworkTipps/~3/bj9E7oqFDGs/</link>
		<comments>http://www.webwork-tipps.de/software-tipp-keepass-passwoerter-sicher-verwalten/#comments</comments>
		<pubDate>Sat, 20 Oct 2012 23:31:48 +0000</pubDate>
		<dc:creator>Maik</dc:creator>
				<category><![CDATA[Software]]></category>

		<guid isPermaLink="false">http://www.webwork-tipps.de/?p=118</guid>
		<description><![CDATA[<p>Als Webworker hat man viele Accounts bzw. Passwörter zu verwalten. E-Mail-Accounts, Google-Accounts, Logindaten für eigene Websites/Blogs, Partnerprogramm-Netzwerke, Hosting, SEO-Tools und weitere Online-Dienste. Das wird nach einiger Zeit sehr unübersichtlich. Was machen viele dagegen? Sie verwenden immer das gleiche oder ähnliche Passwörter oder sie speichern diese in Textdateien auf der Festplatte oder den USB-Stick &#8211; meistens [...]</p><p>Der Beitrag <a href="http://www.webwork-tipps.de/software-tipp-keepass-passwoerter-sicher-verwalten/">Software-Tipp: KeePass &#8211; Passwörter sicher verwalten</a> erschien auf <a href="http://www.webwork-tipps.de">Webwork Tipps</a>.</p>]]></description>
				<content:encoded><![CDATA[<p class="teaser">Als Webworker hat man viele Accounts bzw. Passwörter zu verwalten. E-Mail-Accounts, Google-Accounts, Logindaten für eigene Websites/Blogs, Partnerprogramm-Netzwerke, Hosting, SEO-Tools und weitere Online-Dienste.</p>
<p><span id="more-118"></span></p>
<p>Das wird nach einiger Zeit sehr unübersichtlich. Was machen viele dagegen? Sie verwenden immer das gleiche oder ähnliche Passwörter oder sie speichern diese in Textdateien auf der Festplatte oder den USB-Stick &#8211; meistens unverschlüsselt. Das ist natürlich ein sehr hohes Sicherheitsrisiko und absolut nicht zu empfehlen.</p>
<h2>Passwörter sicher verwalten mit KeePass</h2>
<p>Abhilfe schafft der kostenlose Passwort-Manager <a href="http://keepass.info" target="_blank">KeePass</a>. Das Open-Source Tool speichert sämtliche Passwörter <strong>verschlüsselt</strong> in eine lokale Datenbank.</p>
<p>Eine <a href="http://keepass.info/translations.html" target="_blank">deutsche Sprachdatei</a> steht ebenfalls zum Download bereit.</p>
<p>Beim Erstellen einer Datenbank muss ein Hauptschlüssel angegeben werden, mit dem die Datenbank später geöffnet werden kann.</p>
<p>Dazu hat man die Wahl zwischen drei Schlüsselquellen, die auch kombinierbar sind:</p>
<ul>
<li><strong>Hauptpasswort</strong><br />
Ein einziges Master-Passwort, um die DB zu öffnen.</li>
<li><strong>Schlüsseldatei</strong><br />
Eine beliebige Datei als Schlüsseldatei, die beim Öffnen benötigt wird.</li>
<li><strong>Windows-Benutzeraccount</strong><br />
Es werden Daten eines Windows-Benutzers verwendet. Der vollständige Benutzeraccount wird beim Öffnen benötigt.</li>
</ul>
<aside class="infobox">Wenn man eine Schlüsselquelle verliert oder diese nicht mehr exakt übereinstimmt (z.B. bei einer veränderten Schlüsseldatei), kann die Datenbank nicht mehr geöffnet werden!</aside>
<p>Eine (zusätzliche) Schlüsseldatei ist zwar deutlich sicherer gegen Angreifer. Kennt ein Angreifer das Master-Passwort, hat er trotzdem keinen Zugriff auf die DB, da er ebenfalls die Schlüsseldatei benötigt. Auch Brute-Force-Attacken sind machtlos.</p>
<p>In den meisten Fällen reicht aber ein Hauptpasswort und ist auch am sichersten für den Zugang zur DB. Dieses sollte man sich gut merken können und natürlich auch sicher sein. Im Idealfall mit Groß- und Klein-Buchstaben, Zahlen und Sonderzeichen.</p>
<h2>Datenbank-Einstellungen</h2>
<p>Nachdem die Datenbank erstellt wurde, kann man einige Einstellungen vornehmen. Neben dem Namen, Beschreibung und die Farbe der Datenbank kann man hier die Standardeinstellungen belassen.</p>
<p>Anschließend wird die Datenbank erstellt und geöffnet.</p>
<div id="attachment_170" class="wp-caption alignnone" style="width: 310px"><a href="http://www.webwork-tipps.de/wp-content/uploads/2012/10/keepass-datenbank.jpg" rel="prettyPhoto" title="KeePass-Datenbank"><img src="http://www.webwork-tipps.de/wp-content/uploads/2012/10/keepass-datenbank-300x213.jpg" alt="KeePass-Datenbank" title="KeePass-Datenbank" width="300" height="213" class="size-medium wp-image-170"></a><p class="wp-caption-text">KeePass &#8211; Neue Datenbank</p></div>
<h2>Einträge und Gruppen</h2>
<p>Nun können neue Einträge und Gruppen hinzugefügt werden.</p>
<h3>Einträge hinzufügen</h3>
<p>Um einen Eintrag hinzuzufügen, klickt man auf das <img src="http://www.webwork-tipps.de/wp-content/uploads/2012/10/keepass-neuer-eintrag.png" alt="KeePass - Neuer Eintrag" title="KeePass - Neuer Eintrag" width="19" height="17" class="alignnone size-full wp-image-210"> Symbol. Pro Eintrag stehen folgende Felder standardmäßig zur Verfügung:</p>
<ul>
<li>Titel</li>
<li>Benutzername</li>
<li>Passwort</li>
<li>URL</li>
<li>Kommentare</li>
</ul>
<p>Das sollte selbsterklärend sein. Die Passwörter können entweder selbst gewählt werden oder mit dem integrierten Passwort-Generator generiert werden.</p>
<p>In den erweiterten Einstellungen können weitere Felder und sogar Dateianhänge hinzugefügt werden. Außerdem kann dem Eintrag eine Gültigkeitsdauer zugewiesen werden, was natürlich praktisch bei Test-Accounts ist.</p>
<p>Durch einen Doppelklick auf Benutzernamen und Passwörter werden diese aus Sicherheitsgründen standardmäßig für 12 Sekunden in die Zwischenablage kopiert.</p>
<p>Ein Doppelklick auf die URL öffnet die Seite im Standard-Browser.</p>
<h3>Gruppen hinzufügen</h3>
<p>Um die Übersicht zu bewahren, sollte man Einträge gruppieren. Neben den Standard-Gruppen für E-Mails, etc. können beliebig viele weitere Gruppen angelegt werden. So könnte man z.B. eine Gruppe für alle Google-Accounts anlegen.</p>
<h2>Fazit</h2>
<p><a href="http://keepass.info/" target="_blank">KeePass</a> bietet eine einfache Möglichkeit Passwörter sicher und übersichtlich zu verwalten. Darüber hinaus gibt es noch zahlreiche weitere Features und sämtliche Plugins, die man sich mal anschauen sollte.</p>
<p>Die Portable-Version eignet sich ideal für Unterwegs (z.B. USB-Stick). Man sollte nur aufpassen, dass man die Datenbank nicht verliert und das Hauptpasswort nicht vergisst. Deshalb sollte man immer Backups machen.</p>
<p>Für Linux- und Mac-User gibt es eine Portierung namens <a href="http://www.keepassx.org/" target="_blank">KeePassX</a>.</p>
<p>Ich nutze KeePass selbst und kann es absolut empfehlen.</p>
<p>Der Beitrag <a href="http://www.webwork-tipps.de/software-tipp-keepass-passwoerter-sicher-verwalten/">Software-Tipp: KeePass &#8211; Passwörter sicher verwalten</a> erschien auf <a href="http://www.webwork-tipps.de">Webwork Tipps</a>.</p><img src="http://feeds.feedburner.com/~r/WebworkTipps/~4/bj9E7oqFDGs" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.webwork-tipps.de/software-tipp-keepass-passwoerter-sicher-verwalten/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://www.webwork-tipps.de/software-tipp-keepass-passwoerter-sicher-verwalten/</feedburner:origLink></item>
		<item>
		<title>Willkommen auf Webwork-Tipps.de</title>
		<link>http://feedproxy.google.com/~r/WebworkTipps/~3/jilO68wVrI4/</link>
		<comments>http://www.webwork-tipps.de/willkommen-auf-webwork-tipps-de/#comments</comments>
		<pubDate>Thu, 18 Oct 2012 18:29:55 +0000</pubDate>
		<dc:creator>Maik</dc:creator>
				<category><![CDATA[Intern]]></category>

		<guid isPermaLink="false">http://www.webwork-tipps.de/?p=45</guid>
		<description><![CDATA[<p>Hiermit startet ein neues Projekt. In Zukunft werden hier interessante Beiträge für Webworker erscheinen, die im Internet Geld verdienen wollen oder dies bereits tun und auf der Suche nach neuen Ideen und Tipps sind. Dies wird allerdings kein reiner &#8220;Geld verdienen im Internet&#8221;-Blog und schon gar nicht einer von diesen schein-seriösen, wo leere Versprechungen gemacht [...]</p><p>Der Beitrag <a href="http://www.webwork-tipps.de/willkommen-auf-webwork-tipps-de/">Willkommen auf Webwork-Tipps.de</a> erschien auf <a href="http://www.webwork-tipps.de">Webwork Tipps</a>.</p>]]></description>
				<content:encoded><![CDATA[<p class="teaser">Hiermit startet ein neues Projekt. In Zukunft werden hier interessante Beiträge für Webworker erscheinen, die im Internet Geld verdienen wollen oder dies bereits tun und auf der Suche nach neuen Ideen und Tipps sind.</p>
<p><span id="more-45"></span></p>
<p>Dies wird allerdings kein reiner &#8220;Geld verdienen im Internet&#8221;-Blog und schon gar nicht einer von diesen schein-seriösen, wo leere Versprechungen gemacht werden.</p>
<p>Neben dem direkten Thema Geld verdienen im Internet gibt es noch viele weitere nützliche Tipps, Reviews, Experimente, Anleitungen, etc. die indirekt etwas mit dem Thema zu tun haben. Zum Beispiel Tipps zu Software, die einen die Arbeit als Webworker erleichtern oder Artikel-Serien zur Webseiten-Optimierung.</p>
<p>Der Beitrag <a href="http://www.webwork-tipps.de/willkommen-auf-webwork-tipps-de/">Willkommen auf Webwork-Tipps.de</a> erschien auf <a href="http://www.webwork-tipps.de">Webwork Tipps</a>.</p><img src="http://feeds.feedburner.com/~r/WebworkTipps/~4/jilO68wVrI4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.webwork-tipps.de/willkommen-auf-webwork-tipps-de/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<feedburner:origLink>http://www.webwork-tipps.de/willkommen-auf-webwork-tipps-de/</feedburner:origLink></item>
	</channel>
</rss>
