{"id":4020,"date":"2017-10-18T12:21:02","date_gmt":"2017-10-18T10:21:02","guid":{"rendered":"https:\/\/wolkenhart.com\/webdesignblog\/?p=4020"},"modified":"2021-06-11T15:01:50","modified_gmt":"2021-06-11T13:01:50","slug":"alte-blog-artikel","status":"publish","type":"post","link":"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel","title":{"rendered":"Alte Blog &#8211; Artikel, was soll man machen?"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-4178\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2017\/10\/Alte-Blog-Artikel.jpg\" alt=\"Alte Blog -Artikel, was soll man machen?\" width=\"800\" height=\"535\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2017\/10\/Alte-Blog-Artikel.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2017\/10\/Alte-Blog-Artikel-300x201.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2017\/10\/Alte-Blog-Artikel-575x385.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h2>Meine alten Blog &#8211; Artikel<\/h2>\n<p>Was soll man mit <strong>alten Artikeln<\/strong> machen? Ich betreibe den Blog seit vielen Jahren und jetzt hat mich das Google Fred Update erwischt. Viele Artikel (\u00fcber 100) haben nicht viel Text gehabt, so 100 bis 200 W\u00f6rter, erg\u00e4nzt mit Infografiken oder Videos. Nun war die Frage was mache ich?<\/p>\n<p><strong>Hier die M\u00f6glichkeiten:<\/strong><\/p>\n<ul>\n<li>Alte Artikel stehenlassen, neuen Artikel schreiben und Link auf neuen Artikel setzen<\/li>\n<li>Alte Artikel erweitern und erg\u00e4nzen &#8211; <a title=\"Professionelle OnPage Optimierung\" href=\"https:\/\/wolkenhart.com\/professionelle-onpage-optimierung\">OnPage Optimierung<\/a><\/li>\n<li>Alte Artikel \u00fcberarbeiten und einfach austauschen<\/li>\n<li>Alte Artikel l\u00f6schen und per 301 weiterleiten auf die Startseite<\/li>\n<li>Alte Artikel ersatzlos l\u00f6schen (404)<\/li>\n<\/ul>\n<h3>Alte Blog &#8211; Artikel<\/h3>\n<p>Ich habe mich f\u00fcr was anderes entschieden. Ich habe alle alten Artikel in diesen zusammengefasst (vom \u00c4ltesten zum Neuesten) und die alten URLs per 301 auf die Startseite geleitet. Es sind \u00fcber <strong>18.231 W\u00f6rter<\/strong>, <strong>111.236 Zeichen<\/strong> und gef\u00fchlte 50 Meter lang \ud83d\ude42 .<\/p>\n<p>Es ist nicht der <a title=\"Der l\u00e4ngste Artikel der Welt\" href=\"https:\/\/de.wikipedia.org\/wiki\/Humanit%C3%A4re_Aspekte_der_Milit%C3%A4rintervention_im_Jemen_seit_2015\" target=\"_blank\" rel=\"noopener\">der l\u00e4ngste Artikel der Welt<\/a>. Der hat 445.430 Zeichen. Wer gerade 10 Stunden Zeit hat kann sich gerne meinen \u201eMega Artikel\u201c genau durchlesen. Und wer das macht dem sende ich eine Flasche Bier.<\/p>\n<blockquote><p>Ich denke ich bin ein Held.<\/p><\/blockquote>\n<h5>365 PSD<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-60\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/365-PSD.jpg\" alt=\"365-PSD\" width=\"900\" height=\"506\" \/><\/p>\n<p>Bei 365 PSD gibte es fast jeden Tag eine PSD Grafik als Freebie und das 365 Tage. Schaut es euch an es lohnt sich.<\/p>\n<p><a title=\"365 Psd\" href=\"http:\/\/365psd.com\/\" target=\"_blank\" rel=\"noopener\">Zur Website von 365 Psd geht es hier&#8230;<\/a><\/p>\n<h5>Leitfaden Multiscreen<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2485\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/Leitfaden-Multiscreen1.jpg\" alt=\"Leitfaden-Multiscreen\" width=\"800\" height=\"535\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/Leitfaden-Multiscreen1.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/Leitfaden-Multiscreen1-300x200.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/Leitfaden-Multiscreen1-575x384.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Internetnutzer greifen immer mehr von unterschiedlichen Endger\u00e4ten bei verschiedenen Gegebenheiten auf das Internet zu. Multiscreen ist l\u00e4ngst Realit\u00e4t und spielt heute schon eine bedeutende Rolle. Webagenturen \/ Internetagenturen stehen vor der Aufgabe, zeitnah auf diesen Trend zu reagieren und ger\u00e4te\u00fcbergreifende Strategien zu entwickeln.<\/p>\n<p>Die Fachgruppe Agenturen im Bundesverband Digitale Wirtschaft (BVDW) e. V. pr\u00e4sentiert mit ihrem neuen Leitfaden Multiscreen (PDF) die M\u00f6glichkeiten ger\u00e4te\u00fcbergreifender Web-Strategien und wie man diese sinnvoll einsetzt.<\/p>\n<p><a title=\"Leitfaden Multiscreen\" href=\"http:\/\/www.bvdw.org\/medien\/leitfaden-multiscreen?media=4818\" target=\"_blank\" rel=\"noopener\">Zum kostenfreien Download &#8211; Leitfaden Multiscreen (PDF) geht es hier&#8230;<\/a><\/p>\n<h5>CIKONSS 1.0 Responsive Icons die sogar im IE funktionieren<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2492\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/Cikonss1.jpg\" alt=\"Cikonss\" width=\"800\" height=\"535\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/Cikonss1.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/Cikonss1-300x200.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/Cikonss1-575x384.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><strong>CIKONSS:<\/strong> Es ist nicht neu, dass Icons auf Basis von PNG-, GIF- oder JPG-Dateien erstellt werden k\u00f6nnen. Neuer ist allerdings, dass PNG-Icons in einer Datei als sogenannte Sprites gesammelt werden. Dadurch sind einige Requests weniger notwendig. Und wirklich interessant wird es dann, wenn die Icons mit CSS erstellt werden \u2013 auf den Overhead kann somit vollst\u00e4ndig verzichtet werden.<\/p>\n<h5>CIKONSS selbst basiert auf CSS2<\/h5>\n<p><strong>CIKONSS 1.0 ist in der Lage, diese Idee perfekt umzusetzen, das Tool selbst basiert auf CSS2.<\/strong> So ist es m\u00f6glich, dass die Symbole auch im Internet Explorer 8 korrekt angezeigt werden!<\/p>\n<p><a title=\"CIKONSS 1.0 \" href=\"http:\/\/cikonss.zzapwebdesign.com\/index.html\" target=\"_blank\" rel=\"noopener\">Zur Website von CIKONSS 1.0 geht es hier\u2026<\/a><\/p>\n<h5>Toll kommentiert auf Webtalk!<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2929\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/03\/toll-kommentiert1.jpg\" alt=\"toll kommentiert\" width=\"800\" height=\"535\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/03\/toll-kommentiert1.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/03\/toll-kommentiert1-300x200.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/03\/toll-kommentiert1-575x384.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Besonders gute Kommentare werden auf <strong>Webtalk<\/strong> ausgezeichnet. Der ausgezeichnete Kommentar erh\u00e4lt den Status \u201ctoll kommentiert\u201d und als sichtbares Erkennungszeichen eine rote Schleife neben dem Avatar. Alle auf diese Art ausgezeichneten Kommentare werden hier aufgef\u00fchrt und nehmen an einer Verlosung teil, die jeweils im Januar stattfindet.<\/p>\n<p><strong>Auch werden in Zukunft die Flei\u00dfigen unter euch belohnt die \u00f6fters kommentieren.<\/strong><\/p>\n<p>Ich freue mich auf tolle Kommentare, spannende Diskussionen, faire Bewertungen und w\u00fcnsche euch viel Spa\u00df.<\/p>\n<p>P.S. Die Inspiration hierf\u00fcr habe ich vom <a title=\"Design Tagebuch.\" href=\"http:\/\/www.designtagebuch.de\" target=\"_blank\" rel=\"noopener\">Design Tagebuch<\/a>.<\/p>\n<h5>Das sind bisher die ausgezeichneten Kommentare 2014:<\/h5>\n<p>1. <a title=\"Volker\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/online-testen-website#comments\">Volker<\/a> bei <a title=\"Grundlagen des Online testen einer Website\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/online-testen-website\">Grundlagen des Online testen einer Website<\/a><\/p>\n<p>2. <a title=\"Adrian\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/neue-domain-endungen#comment-5812\">Adrian<\/a> bei <a title=\"Die neuen Domain-Endungen sind da!\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/neue-domain-endungen\">Die neuen Domain-Endungen sind da!<\/a><\/p>\n<p>3. <a title=\"Alex\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/jubilaeum-100ster-artikel#comments\">Alex<\/a> bei <a title=\"Jubil\u00e4um 100ster Artikel\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/jubilaeum-100ster-artikel\">Jubil\u00e4um 100ster Artikel<\/a><\/p>\n<p>4. <a title=\"Dominik\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/microsoft-erste-website#comments\">Dominik<\/a> bei <a title=\"Microsoft erste Website\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/microsoft-erste-website\">Microsoft erste Website<\/a><\/p>\n<h5>Das sind die 2013 ausgezeichneten Kommentare:<\/h5>\n<p><strong>1.<\/strong> <a title=\"Dietmar\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/6tes-webdesign-battle-of-the-week-rtl-vs-sat1#comments\">Dietmar<\/a> bei <a title=\"6tes Webdesign Battle of the Week RTL vs. SAT.1\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/6tes-webdesign-battle-of-the-week-rtl-vs-sat1\">6tes Webdesign Battle of the Week RTL vs. SAT.1<\/a><\/p>\n<p><a title=\"Dietmar gewinnt das inFocus - Powerful Professional WordPress Theme \" href=\"http:\/\/themeforest.net\/item\/infocus-powerful-professional-wordpress-theme\/85486\" target=\"_blank\" rel=\"noopener\">Dietmar gewinnt das inFocus &#8211; Powerful Professional WordPress Theme hier&#8230;<\/a><br \/>\nIm Wert von 45 Dollar.<\/p>\n<p><strong>2.<\/strong> <a title=\"Sascha\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/erste-website#comment-259\">Sascha<\/a> bei <a title=\"Die erste Website\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/erste-website\">Die erste Website<\/a><\/p>\n<p><a title=\"Sascha gewinnt das Amphawa for Business Corporate Portfolio WordPress Theme\" href=\"http:\/\/themeforest.net\/item\/amphawa-for-business-corporate-portfolio\/236063\" target=\"_blank\" rel=\"noopener\">Sascha gewinnt das Amphawa for Business Corporate Portfolio WordPress Theme hier&#8230;<\/a> Im Wert von 45 Dollar.<\/p>\n<p><strong>3.<\/strong> <a title=\"Jan\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/webdesign-trends-2013-und-2014#comments\">Jan<\/a> bei <a title=\"Webdesign Trends 2013 und 2014\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/webdesign-trends-2013-und-2014\">Webdesign Trends 2013 und 2014<\/a><\/p>\n<p><a title=\"Jan gewinnt das Longpage Product and Service Presentation WordPress Theme\" href=\"http:\/\/themeforest.net\/item\/longpage-product-and-service-presentation-wp-theme\/937605\" target=\"_blank\" rel=\"noopener\">Jan gewinnt das Longpage Product and Service Presentation WordPress Theme hier&#8230;<\/a><br \/>\nIm Wert von 50 Dollar.<\/p>\n<h5>Wenn das Internet ein Ozean w\u00e4re&#8230;<\/h5>\n<p>Stell dir vor das World Wide Web w\u00e4re ein Ozean &#8211; wer w\u00e4re der gr\u00f6\u00dfte Fisch im Online-Teich? Welche Gefahren lauern in den Tiefen des Internet und was ist das chinesische \u00c4quivalent zu Facebook und Twitter?<\/p>\n<p>Hier siehst du eine tolle Grafik von Athanassios Danoglidis.<\/p>\n<p><a href=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/internet_2013_infographic1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2498\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/internet_2013_infographic1.jpg\" alt=\"Wenn das Internet ein Ozean w\u00e4re\" width=\"2126\" height=\"1165\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/internet_2013_infographic1.jpg 2126w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/internet_2013_infographic1-300x164.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/internet_2013_infographic1-1024x561.jpg 1024w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/internet_2013_infographic1-1200x657.jpg 1200w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/internet_2013_infographic1-575x315.jpg 575w\" sizes=\"auto, (max-width: 2126px) 100vw, 2126px\" \/><\/a><\/p>\n<p>&#8222;If the Internet were an Ocean&#8220; &#8211; An infographic by <a title=\"WebMagazin \" href=\"http:\/\/bit.ly\/RzSRFs\" target=\"_blank\" rel=\"noopener\">WebMagazin<\/a> Volume1, exclusively presented by <a href=\"http:\/\/bit.ly\/XklqUV\"> WebMagazin.de.<\/a><\/p>\n<h2>Die ersten Posts vieler heute sehr erfolgreicher Websites<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2507\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/thiswasfirst1.jpg\" alt=\"thiswasfirst\" width=\"800\" height=\"535\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/thiswasfirst1.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/thiswasfirst1-300x200.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/thiswasfirst1-575x384.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Auf <a title=\"thiswasfirst\" href=\"http:\/\/thiswasfirst.com\/\" target=\"_blank\" rel=\"noopener\">thiswasfirst<\/a> seht ihr die ersten Posts bekannter Online-Portale wie <strong>Twitter, YouTube, eBay, Amazone<\/strong> etc. So seht ihr z.B. das erste Video auf YouTube, den ersten Tweet auf Twitter oder die erste Auktion auf eBay.<\/p>\n<p>Ein spannender R\u00fcckblick auf den Start vieler heute sehr erfolgreicher Websites.<\/p>\n<p><a title=\"thiswasfirst\" href=\"http:\/\/thiswasfirst.com\/\" target=\"_blank\" rel=\"noopener\">Zu thiswasfirst geht es hier&#8230;<\/a><\/p>\n<h5>Wichtiges neues WordPress Update 3.5.2<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2511\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/WordPress-Update1.jpg\" alt=\"WordPress Update 3.5.2\" width=\"800\" height=\"535\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/WordPress-Update1.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/WordPress-Update1-300x200.jpg 300w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Das neue <strong>Update WordPress 3.5.2<\/strong> steht ab sofort zum Download zur Verf\u00fcgung und schlie\u00dft damit kritische Sicherheitsl\u00fccken &#8211; und jeder, der WordPress nutzt, ist gut beraten, die Aktualisierung vorzunehmen. Am einfachsten geschieht das \u00fcber das Auto-Update, das \u00fcber die Admin-Konsole zu erreichen ist.<\/p>\n<h5>WordPress Update 3.5.2 schlie\u00dft kritische Sicherheitsl\u00fccken<\/h5>\n<p>Das WordPress Update 3.5.2 ist in <a title=\"WordPress 3.5.2\" href=\"http:\/\/wordpress.org\/download\/\" target=\"_blank\" rel=\"noopener\">englischer<\/a> und auch in <a title=\"WordPress 3.5.2\" href=\"http:\/\/wpde.org\/download\/\" target=\"_blank\" rel=\"noopener\">deutscher<\/a> Sprache verf\u00fcgbar. Neue Funktionen stellt WordPress mit der Aktualisierung zwar nicht zur Verf\u00fcgung, beseitigt aber gleich <strong>zw\u00f6lf Fehler<\/strong> &#8211; und unter diesen befinden sich immerhin <strong>sieben Sicherheitsl\u00fccken<\/strong>, die als kritisch bezeichnet werden m\u00fcssen.<\/p>\n<p>Auch ein Vorab-Ausprobieren der Version 3.6 ist bereits m\u00f6glich (hier steht nur die Beta 4 zum Download zur Verf\u00fcgung). Neugierige sollten allerdings vor dem Download der Beta 4 diese m\u00f6glichst nur f\u00fcr eine Testseite nutzen.<\/p>\n<p><strong>Es empfiehlt sich auf jeden Fall eine Sicherungskopie des aktuellen Zustands, um sich vor einem Verlust der Daten zu sch\u00fctzen, sicher ist sicher.<\/strong><\/p>\n<h5>WordPress Plugins: Die Top 30<\/h5>\n<p><strong>Die 30 beliebtesten WordPress-Plugins:<\/strong> \u00dcber 25.000 WordPress Erweiterungen sind auf dem &#8222;Plugin Directory&#8220; gelistet. Renner bei den Plugins f\u00fcr WordPress sind zurzeit beispielsweise &#8222;Akismet&#8220; Anti-Spam (<a title=\"Akismet und Datenschutz: Einwilligung per Opt-In notwendig\" href=\"http:\/\/blog.wpde.org\/2011\/04\/20\/akismet-und-datenschutz-einwilligung-per-opt-in-notwendig.html\" target=\"_blank\" rel=\"noopener\">Vorsicht beim Datenschutz mehr dazu hier&#8230;<\/a>) und &#8211; f\u00fcr die Suchmaschinenoptimierung &#8211; das &#8222;All in One SEO Pack&#8220;. Wie diese Infografik der <strong>30 popul\u00e4rsten WordPress-Erweiterungen<\/strong> aufzeigt, stehen neben Anti-Spam und SEO auch die Integration von sozialen Netzwerken und Google Analytics ganz oben auf der Plugin-Beliebtheitsskala.<\/p>\n<h5>\u00dcber 25.000 verf\u00fcgbare WordPress Plugins<\/h5>\n<p>Zurzeit genie\u00dft kein anderes Content Management System eine so gro\u00dfe Popularit\u00e4t wie WordPress mit \u00fcber 66% Marktanteil. In erster Linie f\u00fcr Blogger konzipiert, reichen die Anwendungsbereiche l\u00e4ngst \u00fcber diese Zielgruppe hinaus. WordPress hat eine sehr gro\u00dfe Community, die auch in puncto Aktivit\u00e4ten ganz vorne steht. Sie entwickelt am laufenden Band WordPress-Themes &#8211; und damit viel Stoff f\u00fcrs &#8222;Plugin Directory&#8220;. Aktuelle Zahl der verf\u00fcgbaren <a title=\"WordPress Plugins\" href=\"http:\/\/wordpress.org\/plugins\/\" target=\"_blank\" rel=\"noopener\">WordPress Plugins:<\/a> 25.500 (473 Millionen Downloads).<\/p>\n<p><a href=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/WordPress-Plugins-Top-30.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-1913\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/WordPress-Plugins-Top-30.jpg\" alt=\"WordPress Plugins Top 30\" width=\"950\" height=\"6130\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/WordPress-Plugins-Top-30.jpg 950w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/WordPress-Plugins-Top-30-575x3710.jpg 575w\" sizes=\"auto, (max-width: 950px) 100vw, 950px\" \/><\/a><\/p>\n<h5>Die erste Programmiersprache wurde von eine Frau entwickelt<\/h5>\n<p>H\u00e4ttest du das gewusst? <strong>Die erste Programmiersprache wurde schon im Jahr 1843 entwickelt<\/strong> &#8211; und zwar von einer Frau. Die Infografik macht dies deutlich. Die Tatsache, dass eine Frau die Pionierin auf dem Gebiet der Programmiersprachen war, steht im krassen Gegensatz zur aktuellen Situation: Weibliche Programmierer sind die absolute Ausnahme. Die Infografik zeigt aber auch das geringe Alter der heute g\u00e4ngigen Programmiersprachen.<\/p>\n<h5>WordPress beruht im Wesentlichen auf PHP<\/h5>\n<p>Selbst f\u00fcr diejenigen, die \u00fcber ein vorzeigbares Halbwissen bez\u00fcglich Programmiersprachen verf\u00fcgen, wird die Tatsache \u00fcberraschend sein, das PHP beispielsweise j\u00fcnger ist als Ruby. WordPress beruht im Wesentlichen auf PHP, der von Rasmus Lerdorf entwickelten Sprache, die 1995 ihren Siegeszug antrat. HTML und CSS wird man in dieser Grafik vergeblich suchen. Der Grund: Beides sind keine eigentlichen Programmiersprachen, sondern Auszeichnungs- bzw. Formatierungssprachen.<\/p>\n<h5>HTML und CSS ist keine Programmiersprache<\/h5>\n<p><strong>HTML (Hypertext Markup Language)<\/strong> ist f\u00fcr die Webseitenstruktur verantwortlich, <strong>CSS (Cascading Style Sheets)<\/strong> liefert f\u00fcr diese Strukturen Formatvorlagen &#8211; \u00e4hnlich wie bei Textverarbeitungsprogrammen.<\/p>\n<h5>Die Browser Verteilung 2013 mit Infografik<\/h5>\n<p>Es ist Bewegung in der hart umk\u00e4mpften Welt der Browser. Hier k\u00f6nnt ihr euch mal einen aktuellen \u00dcberblick verschaffen.<\/p>\n<h5>Aktuelle Browser Verteilung 2013<\/h5>\n<p>Carsten Weddig von <a title=\"Wedding &amp; Keutel\" href=\"http:\/\/weddig-keutel.de\/blog\/browser-verbreitung-2013-infografik\/\" target=\"_blank\" rel=\"noopener\">Wedding &amp; Keutel<\/a> hat die aktuelle Browser Verteilung 2013 und einige weitere interessante Fakten rund um die verschiedenen Browser in einer Infografik zusammengestellt:<\/p>\n<p>Danke Cartsen!<\/p>\n<p><a href=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/browser-verteilung-weddig-keutel1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-602\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/browser-verteilung-weddig-keutel1.jpg\" alt=\"Die Browser Verteilung 2013 mit Infografik\" width=\"800\" height=\"4658\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/browser-verteilung-weddig-keutel1.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/06\/browser-verteilung-weddig-keutel1-575x3347.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/de.statista.com\/statistik\/daten\/studie\/158095\/umfrage\/meistgenutzte-browser-im-internet-weltweit\/\"><img decoding=\"async\" src=\"http:\/\/de.statista.com\/graphic\/1\/158095\/meistgenutzte-browser-im-internet-weltweit.jpg\" alt=\"Statistik: Marktanteile der meistgenutzten Browserversionen weltweit im Januar 2014 | Statista\" width=\"882\" \/><\/a><br \/>\nMehr Statistiken finden Sie bei <a href=\"http:\/\/de.statista.com\">Statista<\/a><\/p>\n<h4>Das Webdesigner-Universum mit Infografik<\/h4>\n<p>Wie im wirklichen Weltall ist auch im Universum eines <strong>Webdesigners<\/strong> Chaos tonangebend. Es besteht aus unzufriedenen Auftraggebern, Farben, Fonts und Rendite-H\u00f6llen. Die Kollision dieser einzelnen Teile sorgt daf\u00fcr, dass alles in Bewegung bleibt.<\/p>\n<h5>Das t\u00e4gliche Gesch\u00e4ft eines Webdesigners<\/h5>\n<p>Die Infografik von <a title=\"istockphoto\" href=\"http:\/\/deutsch.istockphoto.com\/article_view.php?ID=1518\" target=\"_blank\" rel=\"noopener\">istockphoto.com<\/a> zeigt, was das <strong>t\u00e4gliche Gesch\u00e4ft eines Webdesigners<\/strong> ausmacht. Sie bietet neben Zahlen und Fakten auch einen Einblick in die typischen Probleme der Pixelk\u00fcnstler.<\/p>\n<p>Wer erkennt sich hier wieder?<\/p>\n<h5>Das Umweltministerium gibt 600.000 Euro f\u00fcr eine Website aus!<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2525\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/07\/Die-Stromsparinitative-Website1.jpg\" alt=\"Die Stromsparinitative Website\" width=\"800\" height=\"535\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/07\/Die-Stromsparinitative-Website1.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/07\/Die-Stromsparinitative-Website1-300x200.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/07\/Die-Stromsparinitative-Website1-575x384.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><strong>Nach Angaben der Bundesregierung sind bisher 600.000 Euro in die Internetseite (die-stromsparinitiative.de) investiert worden<\/strong> &#8211; sehr wenig Geld (Lach), wenn man an die von Umweltminister Altmeier genannte Summe von 50 bis 100 Millionen Euro denkt die ausgegeben werden soll um das Thema Stromsparen weiter voranzubringen. Andererseits aber auch sehr viel Geld &#8211; gemessen am bisherigen Erfolg der Website: n\u00e4mlich 60 Euro (Steuergeld) pro Anfrage nach einer Vor-Ort-Beratung. Eine Suche, f\u00fcr die man auch Google heranziehen kann. Genauso erfolgreich, aber ungleich billiger.<\/p>\n<h6>Niedrige Besucherzahlen &#8211; Tendenz fallend<\/h6>\n<p>Bisher f\u00fchrt die Internetseite ein Schattendasein im Netz. Von den wenigen Besuchern, die sich \u00fcberhaupt auf die Site verirren, nutzen noch weniger die dort pr\u00e4sentierten Angebote. <strong>76.558 Besuche von November 2012 bis Mai 2013<\/strong> (Zahlen laut Regierung) &#8211; mit Tendenz nach unten: \u00fcber 25.000 Besucher im November 2012, knapp 6.000 Besucher im Mai 2013. Der &#8222;Strom-Check&#8220; wurde noch nicht einmal 30.000-mal genutzt &#8211; in einem Zeitraum von immerhin acht Monaten. Die H\u00e4lfte der Anfragen datiert vom November 2013. Im April 2013 waren es gerade noch knapp eintausend Menschen, die den Strom-Check durchf\u00fchrten. Die Stromberatung vor Ort wurde nur 10.139 Mal gesucht.<\/p>\n<p>(Quelle: <a title=\"SPIEGEL ONLINE\" href=\"http:\/\/www.spiegel.de\/wirtschaft\/soziales\/umweltministerium-gab-bislang-sehr-wenig-fuer-stromsparinitiative-aus-a-909161.html\" target=\"_blank\" rel=\"noopener\">SPIEGEL ONLINE<\/a>)<\/p>\n<p><a title=\"600.000 Euro Internetseite\" href=\"http:\/\/www.die-stromsparinitiative.de\/\" target=\"_blank\" rel=\"noopener\">Hier geht es zu der 600.000 Euro Internetseite\u2026<\/a><\/p>\n<p>Falls es euch interessiert wer die Website erstellt hat k\u00f6nnt ihr es hier im <a title=\"Impressum\" href=\"http:\/\/www.die-stromsparinitiative.de\/impressum\/index.html\" target=\"_blank\" rel=\"noopener\">Impressum<\/a> sehn.<\/p>\n<h4>Google Infografik-Tool<\/h4>\n<p>Google \u00f6ffnet seine <strong>Datenbest\u00e4nde<\/strong> weiter und zeigt hier ein interaktives Recherche-Tool:<\/p>\n<h5>Google Studien<\/h5>\n<p>Hier kannst du in den Daten aus verschiedenen Google Studien recherchieren und einige interessante Fakten finden.<\/p>\n<p><strong>Es gibt aber auch noch mehr.<\/strong> Du kann die einzelnen Diagramme zu einer eigenen Infografik zusammenstellen. Diese ist dann sicher nicht einzigartig, wie eine von dir selbst erstellte Infografik, aber trotzdem ist es eine tolle Sache, da du diese Infografik mit anderen teilen kannst.<\/p>\n<h5>Infografik teilen und als PDF erh\u00e4ltlich<\/h5>\n<p>Schade ist es, dass es nicht m\u00f6glich ist die Infografik einfach in die eigene Webseite einzubinden, da die Infografik nur als PDF erh\u00e4ltlich ist oder per Google Plus, Facebook und Twitter geteilt werden kann und dass die Daten bisher nur US-basiert sind. Mal schauen ob sich hier in n\u00e4chster Zeit auch noch was \u00e4ndert.<\/p>\n\n<div data-mode=\"normal\" data-provider=\"youtube\" id=\"arve-youtube-nkocrcknzhi\" style=\"max-width:800px;\" class=\"arve alignleft\">\n\t<div class=\"arve-inner\">\n\t\t<div class=\"arve-embed arve-embed--has-aspect-ratio\">\n\t\t\t<div class=\"arve-ar\" style=\"padding-top:56.250000%\"><\/div>\n\t\t\t <div class=\"brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles\" data-borlabs-cookie-content-blocker-id=\"youtube-content-blocker\" data-borlabs-cookie-content=\"PGlmcmFtZSBhbGxvdz0iYWNjZWxlcm9tZXRlciAmYXBvcztub25lJmFwb3M7O2F1dG9wbGF5ICZhcG9zO25vbmUmYXBvczs7Ymx1ZXRvb3RoICZhcG9zO25vbmUmYXBvczs7YnJvd3NpbmctdG9waWNzICZhcG9zO25vbmUmYXBvczs7Y2FtZXJhICZhcG9zO25vbmUmYXBvczs7Y2xpcGJvYXJkLXJlYWQgJmFwb3M7bm9uZSZhcG9zOztjbGlwYm9hcmQtd3JpdGU7ZGlzcGxheS1jYXB0dXJlICZhcG9zO25vbmUmYXBvczs7ZW5jcnlwdGVkLW1lZGlhICZhcG9zO25vbmUmYXBvczs7Z2FtZXBhZCAmYXBvcztub25lJmFwb3M7O2dlb2xvY2F0aW9uICZhcG9zO25vbmUmYXBvczs7Z3lyb3Njb3BlICZhcG9zO25vbmUmYXBvczs7aGlkICZhcG9zO25vbmUmYXBvczs7aWRlbnRpdHktY3JlZGVudGlhbHMtZ2V0ICZhcG9zO25vbmUmYXBvczs7aWRsZS1kZXRlY3Rpb24gJmFwb3M7bm9uZSZhcG9zOztrZXlib2FyZC1tYXAgJmFwb3M7bm9uZSZhcG9zOztsb2NhbC1mb250czttYWduZXRvbWV0ZXIgJmFwb3M7bm9uZSZhcG9zOzttaWNyb3Bob25lICZhcG9zO25vbmUmYXBvczs7bWlkaSAmYXBvcztub25lJmFwb3M7O290cC1jcmVkZW50aWFscyAmYXBvcztub25lJmFwb3M7O3BheW1lbnQgJmFwb3M7bm9uZSZhcG9zOztwaWN0dXJlLWluLXBpY3R1cmU7cHVibGlja2V5LWNyZWRlbnRpYWxzLWNyZWF0ZSAmYXBvcztub25lJmFwb3M7O3B1YmxpY2tleS1jcmVkZW50aWFscy1nZXQgJmFwb3M7bm9uZSZhcG9zOztzY3JlZW4td2FrZS1sb2NrICZhcG9zO25vbmUmYXBvczs7c2VyaWFsICZhcG9zO25vbmUmYXBvczs7c3VtbWFyaXplciAmYXBvcztub25lJmFwb3M7O3N5bmMteGhyO3VzYiAmYXBvcztub25lJmFwb3M7O3dlYi1zaGFyZTt3aW5kb3ctbWFuYWdlbWVudCAmYXBvcztub25lJmFwb3M7O3hyLXNwYXRpYWwtdHJhY2tpbmcgJmFwb3M7bm9uZSZhcG9zOzsiIGFsbG93ZnVsbHNjcmVlbj0iIiBjbGFzcz0iYXJ2ZS1pZnJhbWUgZml0dmlkc2lnbm9yZSIgY3JlZGVudGlhbGxlc3MgZGF0YS1hcnZlPSJhcnZlLXlvdXR1YmUtbmtvY3Jja256aGkiIGRhdGEtbGVuaXMtcHJldmVudD0iIiBkYXRhLXNyYy1uby1hcD0iaHR0cHM6Ly93d3cueW91dHViZS1ub2Nvb2tpZS5jb20vZW1iZWQvTmtvQ1Jja05aaEk\/aXZfbG9hZF9wb2xpY3k9MyZhbXA7bW9kZXN0YnJhbmRpbmc9MSZhbXA7cmVsPTAmYW1wO2F1dG9oaWRlPTEmYW1wO3BsYXlzaW5saW5lPTAmYW1wO2F1dG9wbGF5PTAiIGZyYW1lYm9yZGVyPSIwIiBoZWlnaHQ9IjQ1MCIgbG9hZGluZz0ibGF6eSIgbmFtZT0iIiByZWZlcnJlcnBvbGljeT0ic3RyaWN0LW9yaWdpbi13aGVuLWNyb3NzLW9yaWdpbiIgc2FuZGJveD0iYWxsb3ctc2NyaXB0cyBhbGxvdy1zYW1lLW9yaWdpbiBhbGxvdy1wcmVzZW50YXRpb24gYWxsb3ctcG9wdXBzIGFsbG93LXBvcHVwcy10by1lc2NhcGUtc2FuZGJveCIgc2Nyb2xsaW5nPSJubyIgc3JjPSJodHRwczovL3d3dy55b3V0dWJlLW5vY29va2llLmNvbS9lbWJlZC9Oa29DUmNrTlpoST9pdl9sb2FkX3BvbGljeT0zJiMwMzg7bW9kZXN0YnJhbmRpbmc9MSYjMDM4O3JlbD0wJiMwMzg7YXV0b2hpZGU9MSYjMDM4O3BsYXlzaW5saW5lPTAmIzAzODthdXRvcGxheT0wIiB0aXRsZT0iIiB3aWR0aD0iODAwIj48L2lmcmFtZT4=\"><div class=\"brlbs-cmpnt-cb-preset-c brlbs-cmpnt-cb-youtube\"> <div class=\"brlbs-cmpnt-cb-thumbnail\" style=\"background-image: url('https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/borlabs-cookie\/1\/yt_NkoCRckNZhI_hqdefault.jpg')\"><\/div> <div class=\"brlbs-cmpnt-cb-main\"> <div class=\"brlbs-cmpnt-cb-play-button\"><\/div> <div class=\"brlbs-cmpnt-cb-content\"> <p class=\"brlbs-cmpnt-cb-description\">Sie sehen gerade einen Platzhalterinhalt von <strong>YouTube<\/strong>. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfl\u00e4che unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.<\/p> <a class=\"brlbs-cmpnt-cb-provider-toggle\" href=\"#\" data-borlabs-cookie-show-provider-information role=\"button\">Mehr Informationen<\/a> <\/div> <div class=\"brlbs-cmpnt-cb-buttons\"> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-unblock role=\"button\">Inhalt entsperren<\/a> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-accept-service role=\"button\" style=\"display: inherit\">Erforderlichen Service akzeptieren und Inhalte entsperren<\/a> <\/div> <\/div> <\/div><\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\n\t<\/div>\n\t\n\t\n\t<script type=\"application\/ld+json\">{\"@context\":\"http:\\\/\\\/schema.org\\\/\",\"@id\":\"https:\\\/\\\/wolkenhart.com\\\/webdesignblog\\\/alte-blog-artikel#arve-youtube-nkocrcknzhi\",\"type\":\"VideoObject\",\"embedURL\":\"https:\\\/\\\/www.youtube-nocookie.com\\\/embed\\\/NkoCRckNZhI?iv_load_policy=3&modestbranding=1&rel=0&autohide=1&playsinline=0&autoplay=0\"}<\/script>\n\t\n<\/div>\n<p><a title=\"Google Infografik-Tool\" href=\"http:\/\/think.withgoogle.com\/databoard\" target=\"_blank\" rel=\"noopener\">Zum Google Infografik-Tool geht es hier&#8230;<\/a><\/p>\n<h5>WordPress unterbindet die Indexierung durch Suchmaschinen<\/h5>\n<p><strong>Bei WordPress gibt es eine neue Standardeinstellung, die die Privatsph\u00e4re von Blogs betrifft<\/strong>. Falls du die Einstellungen nicht selbst \u00e4nderst, ist die Suchmaschinen Indexierung ab sofort abgeschaltet.<\/p>\n<h5>Manuell \u00c4ndern<\/h5>\n<p>F\u00fcr das manuelle \u00c4ndern der Einstellungen auf den urspr\u00fcnglichen Zustand meldest du dich zun\u00e4chst als Administrator an. Dann kannst du in den Einstellungen die Sichtbarkeit deines Blogs \u00e4ndern. Klick die Variante an, die Suchmaschinen das Indexieren der Seiten erlaubt. Hast Du Probleme beim \u00c4ndern der Einstellungen, findest Du Hilfe in den FAQ, die WordPress eigens erstellt hat. Doch auch wenn du alles richtig gemacht hast, wird es eventuell ein paar Tage dauern, bis dein Blog wieder von Suchmaschinen gefunden und indexiert wird.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2541\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/07\/WordPress-unterbindet-die-Indexierung-durch-Suchmaschinen1.jpg\" alt=\"WordPress unterbindet die Indexierung durch Suchmaschinen\" width=\"800\" height=\"113\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/07\/WordPress-unterbindet-die-Indexierung-durch-Suchmaschinen1.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/07\/WordPress-unterbindet-die-Indexierung-durch-Suchmaschinen1-300x42.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/07\/WordPress-unterbindet-die-Indexierung-durch-Suchmaschinen1-575x81.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h5>Google-Suche<\/h5>\n<p>Wenn du deinen Blog per Google-Suche nicht findest, kannst du es mit folgender Eingabe im Suchfeld probieren: <strong>site:[deinedomain.de]<\/strong>. Taucht dein Blog auf, ist er von Google indexiert. Er hat aber ein schlechtes Ranking. Pr\u00fcfe noch einmal (als Administrator) die Privatsph\u00e4re-Einstellungen bei WordPress. Dein Blog muss f\u00fcr jeden sichtbar sein, auch f\u00fcr Suchmaschinen und Web-Archivierer. Checke auch die robots.txt per Webmaster Tools bei Google.<\/p>\n<h5>JavaScript &#8211; Codecademy &amp; Superhero.js<\/h5>\n<p><strong>Codecademy &#8211; Einfach lernen zu programmieren<\/strong><\/p>\n<p>Bei Codecademy handelt es sich um virtuelle Programmierschule im Web, die besonders durch einfache und leicht zu verstehende Lehrmethoden \u00fcberzeugt. Ich habe mich mal durch die ersten Lektionen geklickt und war sofort positiv \u00fcberrascht. Es ist alles direkt im Browser zu testen und das ganze bei einer riesigen Auswahl an Themen die dir zu Auswahl stehen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2543\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/07\/Codecademy1.jpg\" alt=\"Codecademy\" width=\"800\" height=\"542\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/07\/Codecademy1.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/07\/Codecademy1-300x203.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/07\/Codecademy1-575x389.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Die guten Ideen, die auf dieser Internetseite umgesetzt wurden zeigen sich schon beim Start, wenn du die ersten <strong>JavaScript<\/strong> Befehle ausprobierst. Wenn du Spa\u00df am lernen und Programmieren hast und das ganze eventuell auch beruflich machst, hast du hier die M\u00f6glichkeit deine Fertigkeiten einmal richtig aufzufrischen. Alle die, die einfach mal Einblicke ins World Wide Web erhalten wollen, werden mit Sicherheit ihren Gefallen an Codecademy finden.<\/p>\n<p><a title=\"Codecademy\" href=\"http:\/\/www.codecademy.com\/de\" target=\"_blank\" rel=\"noopener\">Zu Codecademy geht es hier\u2026<\/a><\/p>\n<h5>Superhero.js &#8211; JavaScript f\u00fcr Superhelden<\/h5>\n<p><strong>JavaScript ist nicht gerade einfach und man braucht schon etwas Zeit um es zu lernen. Hier hilft dir Superhero.js.<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2544\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/07\/Superhero-js1.jpg\" alt=\"Superhero-js\" width=\"800\" height=\"542\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/07\/Superhero-js1.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/07\/Superhero-js1-300x203.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/07\/Superhero-js1-575x389.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Auch gute Programmierer sto\u00dfen manchmal hier an ihre Grenzen. Die Jungs von superherojs.com haben sich zur Aufgabe gemacht Best Practices zu pr\u00e4sentieren und mit Videos und Artikeln aufzuzeigen und diese euch zur Verf\u00fcgung zu stellen.<\/p>\n<p><a title=\"Superhero.js\" href=\"http:\/\/superherojs.com\/\" target=\"_blank\" rel=\"noopener\">Zu Superhero.js geht es hier\u2026<\/a><\/p>\n<h5>Was in 60 Sekunden so im World Wide Web passiert<\/h5>\n<p>In der tollen Infografik von Qmee gibt es eine \u00dcbersicht, was im World Wide Web so in 60 Sekunden alles passiert.<\/p>\n<p>Mehr als 550 neue Webseite die online gehen ist schon eine eindrucksvolle Zahl, vor allem weil nur 70 neue Domains innerhalb 60 Sekunden registriert werden.<\/p>\n<h5>278.000 Tweets und 2.460.000 Posts auf Facebook<\/h5>\n<p>\u00dcber 270.000 Tweets auf Twitter, 2.460.000 Posts auf Facebook, und \u00fcber 200 Millionen E-Mails, die versendet werden, sind ebenso beeindruckend wie der Umsatz von Amazon von 83.000 Dollar in einer Minute.<\/p>\n<p><strong>Eine sehr spannende Grafik schaut sie auch an.<\/strong><\/p>\n<p><a href=\"http:\/\/blog.qmee.com\/wp-content\/uploads\/2013\/07\/Qmee-Online-In-60-Seconds2.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"http:\/\/blog.qmee.com\/wp-content\/uploads\/2013\/07\/Qmee-Online-In-60-Seconds2.png\" alt=\"Qmee Online in 60 Seconds Infographic\" \/><br \/>\n<\/a><a href=\"http:\/\/blog.qmee.com\/qmee-online-in-60-seconds\/\" target=\"_blank\" rel=\"noopener\">Online in 60 Seconds [Infographic]<\/a> is an infographic that was produced by <a href=\"http:\/\/www.qmee.com\">Qmee<\/a><\/p>\n<h5>WordPress 3.6 ist ver\u00f6ffentlicht<\/h5>\n<p>WordPress ver\u00f6ffentlicht mit <a title=\"WordPress 3.6 \u201cOscar\u201d\" href=\"http:\/\/wordpress.org\/news\/2013\/08\/oscar\/\" target=\"_blank\" rel=\"noopener\">&#8222;Oscar&#8220; WordPress 3.6<\/a> ihr neues Release. Das <strong>WordPress 3.6 Update<\/strong> wurde nach dem Jazzpianisten Oscar Peterson benannt.<\/p>\n<p>Eine Neuerung ist das Twenty Thirteen Theme. Es ist farbenfroh, im Single-Column Design und von moderner Kunst gepr\u00e4gt.<\/p>\n<p>Um nicht mehr ganz so abh\u00e4ngig zu sein von externen Diensten, ist ein HTML5 Media Player direkt integriert, er beinhaltet nativen Support f\u00fcr Audio und Video Embeds. Das neue Audio\/Video API enth\u00e4lt Zug\u00e4nge zu Metadaten wie ID3 Tags. Und auch die Zusammenarbeit mit SoundCloud, Rdio und Spotify ist verbessert worden.<\/p>\n<h5>WordPress 3.6<\/h5>\n<p>Das Arbeiten von mehreren Autoren an einem Post, wird jetzt besser klappen, denn die Posts k\u00f6nnen f\u00fcr andere gesperrt werden. Zudem hat jetzt jeder Autor seinen eigenen Autosave-Stream, der lokal und auf dem Server gespeichert wird. Die neue Browser Revision erm\u00f6glicht ein besseres Scrolling durch die durchgef\u00fchrten \u00c4nderungen.<\/p>\n<p>Neu ist, dass man ab der <a title=\"Version WordPress 3.6\" href=\"http:\/\/codex.wordpress.org\/Version_3.6\" target=\"_blank\" rel=\"noopener\">neuen Version WordPress 3.6<\/a> jetzt mit HTML5 Markup f\u00fcr Elemente wie Kommentare oder Suchmasken arbeiten kann. Der neue Men\u00fc-Editor soll jetzt einfacher zu bedienen sein.<\/p>\n<h5>Webdesign-Trends der Top 500 US-Konzerne miteinander verglichen (Infografik)<\/h5>\n<p>Jede Website sieht anders aus \u2013 und doch gibt es einige Gemeinsamkeiten, denn manchmal muss das Rad eben nicht neu erfunden werden. <strong>Die Webentwickler von Go-Globe haben dazu eine Interessante Untersuchung der Webdesign-Trends ver\u00f6ffentlicht<\/strong>. Diese haben einfach mal die Websites der 500 gr\u00f6\u00dften US-Firmen verglichen und Gemeinsamkeiten herausgesucht. So haben zum Beispiel fast alle Firmen das Logo in der linken oberen Ecke. Au\u00dferdem verzichten die meisten auf einen angeschlossenen Slogan. Kurios: bei \u00fcber 63 Prozent der verglichenen Websites waren die Kontaktangaben nur m\u00fchselig zu finden.<\/p>\n<h5>Webdesign-Trends Ergebnisse<\/h5>\n<p>Nun kann man den wirtschaftlichen Erfolg der US-Unternehmen nicht unbedingt mit den Websites in Verbindung setzen, aber interessant sind die Ergebnisse dennoch. Die <a title=\"Webdesign Trends\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/webdesign-trends-2013-und-2014\">Webdesign-Trends<\/a> Infografik von Go-Globe verr\u00e4t so einiges, zum Beispiel dass die Mehrzahl Favicons verwenden, 60 Prozent der Websites News- und Blog-Eintr\u00e4ge pr\u00e4sentieren und 87 Prozent eine eigene Suchfunktion anbieten. Jedoch verzichten ganze 80 Prozent komplett auf eine Newsletter-Funktion. Die Links zu den sozialen Netzwerken werden bei 89 Prozent im unteren Bereich der Website versteckt.<\/p>\n<p>Interessanterweise findet sich einer der gr\u00f6\u00dften <strong>Webdesign-Trends<\/strong> des Jahres auch bei den Top 500 US-Firmen wieder, n\u00e4mlich das Verwenden von vielen qualitativ hochwertigen Fotos, die die Interaktion mit dem Benutzer aufwertet.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2556\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/08\/Webdesign-Trends.jpg\" alt=\"Webdesign-Trends\" width=\"780\" height=\"2946\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/08\/Webdesign-Trends.jpg 780w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/08\/Webdesign-Trends-271x1024.jpg 271w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/08\/Webdesign-Trends-575x2171.jpg 575w\" sizes=\"auto, (max-width: 780px) 100vw, 780px\" \/><\/p>\n<p>Infographic by- <a title=\"Go-Globe.com\" href=\"http:\/\/www.go-globe.com\" target=\"_blank\" rel=\"noopener\">GO-Globe.com<\/a><\/p>\n<h5>Responsive Webdesign erkl\u00e4rt in 5 Minuten (Infografik)<\/h5>\n<p>Das <strong>Responsive Webdesign<\/strong> kurz und knapp in wenigen Minuten erkl\u00e4rt: Funktionsweise, weshalb ist es so wichtig, was hat das ganze f\u00fcr Vorteile?<\/p>\n<h5>Responsive Webdesign<\/h5>\n<p>Die rasch zunehmenden Verbreitungen von Endger\u00e4ten auf dem mobilen Sektor, sowie die enorm gesteigerten Verf\u00fcgbarkeiten und Senkungen von Kosten bei Datentarifen f\u00fchren letztendlich dazu, dass die Websites heutzutage von vielen unterschiedlichen Ger\u00e4ten abgerufen werden. Hier liegt das Stichwort bei <strong>Responsivem Webdesign<\/strong>, da es um die beste Verf\u00fcgbarkeit von Online-Daten auf allen Endger\u00e4ten geht. Worum es geht?<\/p>\n<p><em>Die bedeutungsvollsten Infos zu Responsive Webdesign werden hier auf dieser Informationsgrafik dargestellt.<\/em><\/p>\n<p><a title=\"Responsive Webdesign Infografik bei Internet- &amp; TYPO3-Agentur igroup media\" href=\"http:\/\/www.i-group.de\/design\/responsive-webdesign\/infografik.html\"><img decoding=\"async\" src=\"http:\/\/www.i-group.de\/uploads\/pics\/responsive-webdesign-infografik.jpg\" alt=\"\" \/><\/a><\/p>\n<p><a title=\"Responsive Webdesign Infografik bei Internet- &amp; TYPO3-Agentur igroup media\" href=\"http:\/\/www.i-group.de\/design\/responsive-webdesign\/infografik.html\">Responsive Webdesign Infografik<\/a><\/p>\n<h5>Mit TypeWonder ganz einfach die Schriftart deiner Webseite ver\u00e4ndern<\/h5>\n<p><strong>TypeWonder:<\/strong> Du kennst es bestimmt auch. Dir gef\u00e4llt dein Blog oder Webseite aber eine Ver\u00e4nderung muss einfach her. Das betrifft zun\u00e4chst kleinere Sachen wie der Hintergrund oder die Linkfarbe aber bald m\u00f6chtest du dann eine komplette Umgestaltung deines Blogs oder Webseite und dabei spielt auch die Schriftart eine entscheidende Rolle.<\/p>\n<p>Wenn du dich nicht mit dem umst\u00e4ndlichen Suchen geeigneter Schriften im Internet rumqu\u00e4len m\u00f6chtest, kannst du auch einfach ,,<a title=\"TypeWonder\" href=\"http:\/\/typewonder.com\/\" target=\"_blank\" rel=\"noopener\">TypeWonder<\/a>&#8220; benutzen.<\/p>\n<h5>TypeWonder<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2568\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/08\/TypeWonder1.jpg\" alt=\"TypeWonder\" width=\"800\" height=\"567\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/08\/TypeWonder1.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/08\/TypeWonder1-300x212.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/08\/TypeWonder1-575x407.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Bei TypeWonder musst du lediglich die URL deiner Seite angeben und die Schrift ausw\u00e4hlen, dann wartest du einen Augenblick und deine Seite erscheint als Vorschau in der neuen Schrift. Was ebenfalls klasse ist, du kannst mit nur einem Klick die Ver\u00e4nderung der Vorschau wieder zur\u00fccksetzen und erneut starten. Dadurch siehst du den direkten Vergleich zu vorher. Du kannst die Schrift auch so oft wechseln, wie du m\u00f6chtest.<\/p>\n<h5>Google Fonts<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2570\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/08\/TypeWonder-Google-Fonts1.jpg\" alt=\"TypeWonder-Google-Fonts\" width=\"800\" height=\"567\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/08\/TypeWonder-Google-Fonts1.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/08\/TypeWonder-Google-Fonts1-300x212.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/08\/TypeWonder-Google-Fonts1-575x407.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Bisher kann man leider nur aus den bestehenden Google Fonts w\u00e4hlen, obwohl ich die Auswahl ausreichend finde. Nach dem Klick auf ,,Get code&#8220; erh\u00e4ltst du zwar alles, damit du die Schriftart deines Blogs \u00e4ndern kannst, du musst aber um die neue Schriftart in deinem Blog zu integrieren, Grundkenntnisse in CSS haben.<\/p>\n<p>Aber auch wenn es nur darum geht zu testen, wie dein Blog oder deine Homepage in einer anderen Schrift aussieht, ist <strong>,,TypeWonder&#8220;<\/strong> mehr als geeignet.<\/p>\n<p><a title=\" Zu TypeWonder geht es hier\" href=\"http:\/\/typewonder.com\/\" target=\"_blank\" rel=\"noopener\">Zu TypeWonder geht es hier&#8230;<\/a><\/p>\n<h5>WordPress Trend: WP entwickelt sich rasant (Infografik)<\/h5>\n<p><strong>WordPress Trend:<\/strong> Die derzeitigen Statistiken vom WordPress Initiator und leitenden Entwickler Matthew Mullenweg wurden von \u201eElegant Themes\u201c in informative und \u00fcbersichtliche Grafiken umgesetzt. Diese besch\u00e4ftigen sich mit den bedeutenden Fakten um WordPress des Jahres 2013.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2563\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/08\/WordPress-Trent.jpg\" alt=\"WordPress Trent\" width=\"800\" height=\"514\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/08\/WordPress-Trent.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/08\/WordPress-Trent-300x192.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/08\/WordPress-Trent-575x369.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h5>WordPress Trend 2013<\/h5>\n<p>2013 setzen immer mehr Nutzer auf WordPress. Jedes Jahr findet die Versammlung \u201eWordCamp San Francisco\u201c f\u00fcr Entwickler sowie Nutzer von WP statt. Matthew Mullenberg zeigt dort jedes Jahr in seinem Vortrag \u201eState of the Word\u201c, das aktuelle Niveau von WP auf.<\/p>\n<h5>Fakten von Matthew Mullenweg<\/h5>\n<p>Elegant Themes hat die Fakten aus dem Vortrag von Matthew Mullenweg f\u00fcr ein eindrucksvolles Schaubild verwertet. Das \u201eContent Management System\u201c ist innerhalb des letzten Jahres 87,5 Mal pro Minute heruntergeladen worden. Das sind 126.000 Downloads pro Tag.<\/p>\n<p><em>In den vergangenen 12 Monaten wurde also WordPress 46 Millionen Mal heruntergeladen.<\/em><\/p>\n<p>Zwar steigt die Nutzung des WP-Backends auf Tablets und Smartphones stark, aber die Meisten nutzen f\u00fcr ihre Inhaltsverwaltung immer noch den Browser auf ihrem PC.<\/p>\n<h4>WordPress Nutzung als reines CMS<\/h4>\n<p>WordPress wurde urspr\u00fcnglich als reines Blog-Interface entwickelt. Der Trend liegt aber bei der Nutzung von WP als reines CMS zur Gestaltung von allen m\u00f6glichen Internetseiten. So kann der genannten Grafik entnommen werden, dass 2011 noch 61, aber 2013 bereits 69 Prozent der Nutzer diese Entwicklung herbeif\u00fchren. Knapp 19 % der besten 10 Millionen Internetseiten werden mit WordPress betrieben. \u00dcber die letzten 2 Jahre bedeutet das eine Zunahme von ca. 2 Prozent.<\/p>\n<p><strong>WordPress Trend &#8211; Weitere Bekanntgaben zu WordPress im Jahr 2013 kannst Du hier ansehen:<\/strong><\/p>\n<div style=\"align: center; clear: both; width: 100%; margin-bottom: 30px;\">\n<p><a title=\"WordPress Infograpic For 2013\" href=\"http:\/\/www.elegantthemes.com\/blog\/general-news\/wordpress-infographic-2013-a-visual-representation-of-matts-state-of-the-word\"><img decoding=\"async\" style=\"clear: both;\" src=\"http:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2013\/07\/wordpress-infographic-2013.jpg\" alt=\"WordPress Infographic For 2013\" width=\"100%\" \/><\/a><\/p>\n<div style=\"margin-left: 120px; width: 300px; background-color: #fff; padding: 30px; margin-top: 40px;\">View the full <a href=\"http:\/\/www.elegantthemes.com\/blog\/general-news\/wordpress-infographic-2013-a-visual-representation-of-matts-state-of-the-word\">2013 WordPress Infographic<\/a> designed by <a href=\"http:\/\/www.elegantthemes.com\">ElegantThemes.com<\/a>.<\/div>\n<\/div>\n<h5>NASA: Open Source Code Website mit WordPress<\/h5>\n<p>Mit einer <strong>Website auf WordPress Basis<\/strong> bietet die <strong>NASA<\/strong> mit der Ver\u00f6ffentlichung von frei zug\u00e4nglichem Code eine interessante Unterst\u00fctzung von Programmierern. Das Ziel dieser Website, die unter <a title=\"NASA: Open Source Code Website mit WordPress\" href=\"http:\/\/code.nasa.gov\/project\/\" target=\"_blank\" rel=\"noopener\">http:\/\/code.nasa.gov<\/a> erreichbar ist, ist es, fertigen und auch noch in der Entwicklung steckenden Code in verschiedenen Programmiersprachen zu ver\u00f6ffentlichen, damit er f\u00fcr alle einsehbar ist.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2572\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/08\/NASA-Open-Source-Code-Website-mit-WordPress1.jpg\" alt=\"Die NASA Open Source Code Website mit WordPress\" width=\"800\" height=\"725\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/08\/NASA-Open-Source-Code-Website-mit-WordPress1.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/08\/NASA-Open-Source-Code-Website-mit-WordPress1-300x271.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/08\/NASA-Open-Source-Code-Website-mit-WordPress1-575x521.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h5>Der NASA gef\u00e4llt WordPress<\/h5>\n<p>Dass ausgerechnet <strong>WordPress<\/strong> verwendet wird, ist das Ergebnis einer langen Suche nach einem Content Management System. Vor allem die Verwendung von Less, das eine bessere Verwendung und Kontrolle \u00fcber CSS und WordPress bietet, machte WordPress f\u00fcr die <strong>NASA<\/strong> in diesem Bereich sehr attraktiv, sodass die Entscheidung f\u00fcr ein Content Management System nicht sehr schwer gefallen ist. Durch Less wird n\u00e4mlich die Programmierung mit CSS wesentlich freier und auch unbegrenzter. Super Cache wird den Caching Mechanismus \u00fcbernehmen. F\u00fcr eine Erweiterung der Website wird au\u00dferdem mit Twitter Bootstrap Framework gearbeitet.<\/p>\n<h5>Freier Zugang zu Raumfahrtprojekten durch die NASA<\/h5>\n<p>Um sich \u00fcber den ver\u00f6ffentlichten Code austauschen zu k\u00f6nnen und sich Hilfe und Tipps von anderen Programmierern zu suchen, ist ein Diskussionsforum auf der Website geben, um den Grundgedanken der freien Zug\u00e4nglichkeit zu Raumfahrtprojekten und dem Ansprechpartner f\u00fcr die Entwicklung von Soft- und Hardware weiter zu verfolgen und zu unterst\u00fctzen.<\/p>\n<p><a title=\" Zur NASA Open Source Code Website geht es hier\" href=\"http:\/\/code.nasa.gov\/project\/\" target=\"_blank\" rel=\"noopener\">Zur NASA Open Source Code Website geht es hier&#8230;<\/a><\/p>\n<h5>Nur vier von f\u00fcnf Unternehmen haben eine Homepage<\/h5>\n<p>Hast Du gewusst, dass in Deutschland fast jedes <strong>f\u00fcnfte Unternehmen keine eigene Homepage hat?<\/strong><\/p>\n<p>Im Jahr 2012 waren es 18 Prozent aller Unternehmen, die sich nicht mit eigenem Auftritt im Internet pr\u00e4sentiert haben. Von den befragten Unternehmen hatten nur 82 Prozent eine eigene Internetseite. Verglichen mit anderen europ\u00e4ischen L\u00e4ndern, liegt Deutschland laut dem Hightech-Verband BITKOM derzeit auf Platz 6. Die ersten drei Pl\u00e4tze werden von skandinavischen L\u00e4ndern eingenommen. In Finnland haben 91 Prozent aller Unternehmen eine Homepage, jeweils 89 Prozent sind es in D\u00e4nemark und Schweden. Dann schlie\u00dfen sich mit jeweils 84 Prozent Island und die Niederlande an. <strong>BITKOM-Pr\u00e4sident Professor Dieter Kempf meinte dazu:<\/strong> \u201eWer auf seine Visitenkarte im Netz verzichtet, verschenkt die Chance, sich seinen Kunden zu pr\u00e4sentierten und vor allem neue Kunden zu gewinnen!\u201c Nach aktuellen Studien von BITKOM, Google und IW K\u00f6ln haben Unternehmen mehr Erfolg, wenn sie auch das Internet in ihrer Unternehmensplanung mit ber\u00fccksichtigen.<\/p>\n<div id=\"attachment_1116\" style=\"width: 601px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.bitkom.org\/de\/presse\/8477_76065.aspx\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1116\" class=\"wp-image-1116 size-full\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/BIT_HOMEPAGE_DOWNLOAD1.jpg\" alt=\"Nur vier von f\u00fcnf Unternehmen haben eine Homepage\" width=\"591\" height=\"413\" \/><\/a><p id=\"caption-attachment-1116\" class=\"wp-caption-text\">GRAFIK BITKOM<\/p><\/div>\n<h5>Deutliche Unterschiede bei der Internetnutzung<\/h5>\n<p>Deutliche Unterschiede bei der Internetnutzung in Deutschland gibt es nach den Unternehmensgr\u00f6\u00dfen. So sind 96 Prozent aller gro\u00dfen Unternehmen, die mehr als 250 Mitarbeiter besch\u00e4ftigen, im Netz mit eigener Homepage pr\u00e4sent. Bei den KMU sind es immerhin noch 82 Prozent. Nachholbedarf gibt es dagegen bei Kleinunternehmen, die weniger als 10 Mitarbeiter besch\u00e4ftigen. Von denen pr\u00e4sentieren sich gerade mal 45 Prozent mit eigener Homepage. Dazu meint BITKOM-Chef Kempf: <strong>\u201eGerade kleine Unternehmen k\u00f6nnen mit wenig Aufwand und zu geringen Kosten online auf sich aufmerksam machen\u201c<\/strong>. Auff\u00e4llig ist auch die unterschiedliche Internetnutzung, wenn man Branchen vergleicht. So legen die meisten Hotels und Pensionen Wert auf eine Homepage. Im Handel sind es dagegen nur 84 Prozent.<\/p>\n<h5>Ausgewertung der europ\u00e4ischen Statistikbeh\u00f6rde Eurostat<\/h5>\n<p>Ausgewertet wurden diese Daten von der europ\u00e4ischen Statistikbeh\u00f6rde Eurostat. Befragt wurden verschiedene Unternehmen ab 10 Mitarbeitern in 31 Staaten Europas &#8211; ohne Banken. Auch f\u00fcr Deutschland gibt es nur wenige Daten f\u00fcr Unternehmen mit weniger als 10 Besch\u00e4ftigten.<\/p>\n<h5>HTML5 vs. Flash<\/h5>\n<p>Ob Videos oder Vektorgrafiken, die Flash-Animationen eroberten bereits vor Jahren auch das Internet, sodass du sie heute auf sehr vielen Webseiten finden kannst. Trotzdem hat es Adobe Flash nicht in die mobilen Endger\u00e4te geschafft. Aus diesem Grund wurde mit <strong>HTML5<\/strong> nun eine ganz neue Technologie entwickelt, um <strong>Flash<\/strong> im Internet als Animations-Superstar abzul\u00f6sen. Immer mehr Webseiten basieren heute auf dieser HTML5-Technologie und gl\u00e4nzen durch Originalit\u00e4t und einer besonderen technischen Umsetzung.<\/p>\n<h5>HTML5 vs. Flash Battle<\/h5>\n<p>Auf <a title=\"flashvhtml.com\" href=\"http:\/\/flashvhtml.com\/\" target=\"_blank\" rel=\"noopener\">flashvhtml.com<\/a> treten diese beiden Technologien nun gegeneinander an. Auf der Webseite steht dir das Browsergame Waste Invaders in einer Flash- und einer HTML5-Version zur Verf\u00fcgung. Diese k\u00f6nnen von dir gespielt und so anschlie\u00dfend miteinander verglichen werden. Welche Version ist die bessere?<\/p>\n<p>Mit deiner Stimme kannst du dies selbst entscheiden!<\/p>\n<h5>Webdesign Trends 2013 und 2014<\/h5>\n<p>Welche <strong>Webdesign Trends 2013 und 2014<\/strong> stehen an?<\/p>\n<p>F\u00fcr jeden Webdesigner ist es wichtig nach neuen Webdesign Trends und Inspirationen zu suchen und sich die Werke anderer Webdesigner anzuschauen. Diese Arbeit erleichtert dir die 187-seitige, kostenlose PDF-Datei von UXPin und zeigt dir die aktuellen Webdesign Trends &#8211; Entwicklungen und dokumentiert diese mit vielen Beispielen von tollen und sehr gelungenen Webseiten.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2587\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/09\/Webdesign-Trends-2013-und-20142.jpg\" alt=\"Webdesign Trends 2013 und 2014\" width=\"800\" height=\"567\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/09\/Webdesign-Trends-2013-und-20142.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/09\/Webdesign-Trends-2013-und-20142-300x212.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/09\/Webdesign-Trends-2013-und-20142-575x407.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h2>Webdesign Trends wie&#8230;<\/h2>\n<p>Nach Ansicht der Autoren sind die aktuellesten Trends \u00bbFlat Design\u00ab, \u00bbThe Era of Content\u00ab, \u00bbNon Standard Navigation\u00ab, \u00bbStorytelling\u00ab, \u00bbParallax Scrolling\u00ab, \u00bbResponsive Websites\u00ab, \u00bbMetro Grid\u00ab, \u00bbVideo Background\u00ab, \u00bbClarity and Simplicity\u00ab und \u00bbMix-and-Match Typography\u00ab. Das Thema \u00bbCookies Warnings\u00ab nimmt einen speziellen Bereich ein.<\/p>\n<p><em>Zu jedem Webdesign Trend gibt es Beschreibungen als Text. Diese werden durch gro\u00dfformatige Screenshots von jeweils 15 beispielhaften Webseiten verdeutlicht.<\/em><\/p>\n<h5>Web Design Book of Trends 2013-2014<\/h5>\n<p>Auf der Website zum Web Design Book of Trends 2013-2014 kannst du die 170 MB gro\u00dfe PDF-Datei kostenlos anfordern und dich \u00fcber die aktuellen <strong>Webdesign Trends 2013 und 2014<\/strong> informieren. Nach Eingabe deiner E-Mailadresse wird dir Per E-Mail ein Downloadlink zugeschickt.<\/p>\n<h5>Feedback und weitere Tipps<\/h5>\n<p>Wie findest du die Webdesigns und welche der <strong>Webdesign Trends<\/strong> findest du richtig gut? \u00dcber dein Feedback und weitere Tipps w\u00fcrde ich mich sehr freuen!<\/p>\n<p><strong>WEITERF\u00dcHRENDER LINK<\/strong><\/p>\n<p><a title=\"Webdesign Trends 2013 und 2014\" href=\"http:\/\/www.uxpin.com\/web-design-book-of-trends-2013-2014.html\" target=\"_blank\" rel=\"noopener\">Zu Web Design Book of Trends 2013-2014 geht es hier&#8230;<\/a><\/p>\n<h5>wer-kennt-wen Redesign<\/h5>\n<p><strong>wer-kennt-wen:<\/strong> In den letzten zehn Jahren sind viele soziale Netzwerke in den Weiten des Webs aufgetaucht &#8211; einige davon konnten sich profilieren, andere nicht. Einige haben ihre Pforten sogar f\u00fcr immer geschlossen (so zum Beispiel Sch\u00fclerVZ). Auch <em>wer-kennt-wen (jetzt dann werkenntwen geschrieben)<\/em> (kurz: WKW) geh\u00f6rt zu den Netzwerken, die zwar noch existieren aber mehr oder weniger in der Versenkung verschwunden sind.<\/p>\n<h5>wer-kennt-wen will nach Redesign wieder nach oben<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2591\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/09\/Wer-kennt-wen-Redesign1.jpg\" alt=\"Wer-kennt-wen-Redesign\" width=\"800\" height=\"567\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/09\/Wer-kennt-wen-Redesign1.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/09\/Wer-kennt-wen-Redesign1-300x212.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/09\/Wer-kennt-wen-Redesign1-575x407.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1207 size-full\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/09\/Wer-kennt-wen-Responsive.jpg\" alt=\"wer-kennt-wen Responsive\" width=\"590\" height=\"258\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/09\/Wer-kennt-wen-Responsive.jpg 590w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/09\/Wer-kennt-wen-Responsive-300x131.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/09\/Wer-kennt-wen-Responsive-575x251.jpg 575w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><\/p>\n<p style=\"text-align: center;\"><em>\u00a9 wer-kennt-wen<\/em><\/p>\n<p><strong>wer-kennt-wen<\/strong> will diese Entwicklung nicht unkommentiert hinnehmen. Mit einem Redesign mit Responsive will das Netzwerk nun wieder auf den Markt zur\u00fcckdr\u00e4ngen &#8211; schon im Oktober soll es soweit sein. wer-kennt-wen soll dann nicht nur in neuem Glanz erstrahlen sondern auch einige neue Funktionen bieten, die von den Nutzern gew\u00fcnscht waren. Besonders hervorzuheben sind hier die Like-Funktion und die M\u00f6glichkeit, die Privatsph\u00e4re-Einstellungen besser verwalten zu k\u00f6nnen. Was mit den Apps geschieht ist derzeit noch unklar. M\u00f6glicherweise wird auch hier das Design angepasst oder aber die Apps werden zumindest vorl\u00e4ufig aus dem Store genommen.<\/p>\n<h5>International ist WKW eine kleine Nummer<\/h5>\n<p>International gesehen kann wer-kennt-wen mit den Gro\u00dfen wie Facebook, Google Plus etc. nicht mithalten. 2012 hatte das soziale Netzwerk eine ungef\u00e4hre Mitgliederzahl von ca. 10 Millionen und die Tendenz war fallend. Facebook h\u00e4lt mit \u00fcber 1,1 Milliarden Mitgliedern dagegen, davon sind zirka 27 Millionen in Deutschland.<\/p>\n<h6>Fazit<\/h6>\n<p>Ob das Redesign von wer-kennt-wen zum gew\u00fcnschten Erfolg f\u00fchrt bleibt fraglich &#8211; auch der ehemalige Gigant MySpace versuchte diesen Weg zu gehen und scheiterte kl\u00e4glich. Es bleibt abzuwarten ob <strong>wer-kennt-wen<\/strong> ein gr\u00f6\u00dferer Erfolg beschert sein wird als zuletzt.<\/p>\n<p><strong>WEITERF\u00dcHRENDER LINK<\/strong><\/p>\n<p><a title=\"wer-kennt-wen\" href=\"http:\/\/www.wer-kennt-wen.de\" target=\"_blank\" rel=\"noopener\">Zu wer-kennt-wen geht es hier&#8230;<\/a><\/p>\n<p><a title=\"wer-kennt-wen Redesign\" href=\"http:\/\/www.wer-kennt-wen.de\/static\/presse-material\" target=\"_blank\" rel=\"noopener\">Zum Presse Material und Redesign geht es hier&#8230;<\/a><\/p>\n<h5>Geschichte des Webstandards (Infografik)<\/h5>\n<p>Eine schicke Infografik zeigt, wie sich das Web von 1962 bis heute entwickelt hat. Die Grafik bezieht sich auf Technologien und zeigt <strong>die Geschichte der Webstandards<\/strong> von <a title=\"Vitamin T\" href=\"http:\/\/vitamintalent.com\/vitabites\/a-brief-history-of-web-standards\" target=\"_blank\" rel=\"noopener\">Vitamin T<\/a> und An Event Apart.<\/p>\n<h5>Webstandards sind eine tolle Sache<\/h5>\n<p>Webstandards sind eine tolle Sache, denn sie erm\u00f6glichen unter anderem das Besuchen unterschiedlicher Internetseiten mit den meisten Internettauglichen Ger\u00e4ten. Die Infografik nimmt mit 1962 das Jahr, in dem das Arpanet das Licht der digitalen Welt erblicke, als Standpunkt und geht nat\u00fcrlich auch auf HTML und CSS ein.<\/p>\n<h5>Hypertext<\/h5>\n<p><strong>In der Geschichte des Webstandards werden auch weniger bekannte Fakten wie beispielsweise, dass Tel Nelson den Begriff \u201eHypertext\u201c im Jahr 1965 einf\u00fchrte dargestellt.<\/strong> <a title=\"Die erste Website\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/erste-website\">Die erste Website<\/a> ging 1991 online und im laufe des Jahres waren schon zehn Seiten im Web abrufbar. 1993 beherbergte das Internet 623 Websites und 1998 wurde es immerhin schon von 1,9 Prozent der Weltbev\u00f6lkerung genutzt. Heute nutzen Weltweit ca. 2.7 Milliarden Menschen das Internet, das entspricht 39 Prozent der Weltbev\u00f6lkerung.<\/p>\n<p><strong>(Durch das Klicken auf die Grafik wird diese vergr\u00f6\u00dfert)<\/strong><\/p>\n<p><a href=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/09\/Geschichte-Webstandards.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-1485\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/09\/Geschichte-Webstandards.jpg\" alt=\"Geschichte des Webstandards \" width=\"1764\" height=\"2628\" \/><\/a><\/p>\n<h5>Was du \u00fcber Webdesigner wissen solltest (Infografik)<\/h5>\n<p>Bei dieser Infografik geht es um den normalen und durchschnittlichen Webdesigner. Wie alt ist er, was verlangt er pro Stunde und wie ist die durchschnittliche Arbeitszeit pro Woche. Diese und mehr tolle Informationen werden auf dieser Infografik von Techking dargestellt.<\/p>\n<p><a href=\"http:\/\/www.testking.com\/techking\/infographics\/all-you-need-to-know-about-web-designers-infographic\/\"><img decoding=\"async\" src=\"http:\/\/www.testking.com\/techking\/wp-content\/uploads\/2010\/10\/WD_600.jpg\" alt=\"Was du \u00fcber Webdesigner wissen solltest\" border=\"0\" \/><\/a><br \/>\n<a href=\"http:\/\/www.testking.com\/techking\/infographics\/all-you-need-to-know-about-web-designers-infographic\/\">http:\/\/www.testking.com\/techking\/infographics\/all-you-need-to-know-about-web-designers-infographic\/<\/a><br \/>\nTestking = <a href=\"http:\/\/www.testking.com\/\">http:\/\/www.testking.com\/<\/a> Techking = <a href=\"http:\/\/www.testking.com\/techking\/\">http:\/\/www.testking.com\/techking\/<\/a><\/p>\n<h5>Der BDG-Stundensatz-Kalkulator f\u00fcr alle Designleistungen<\/h5>\n<p>Der BDG Berufsverband der Deutschen Kommunikationsdesigner e.V. hat einen <strong>BDG-Stundensatz-Kalkulator<\/strong> herausgebracht. Dieser steht dir kostenlos zum Download auf der Verbandsseite zur Verf\u00fcgung.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2628\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/10\/Der-BDG-Stundensatzkalkulator-f\u00fcr-alle-Designleistungen1.jpg\" alt=\"BDG Stundensatzkalkulator f\u00fcr alle Designleistungen\" width=\"800\" height=\"580\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/10\/Der-BDG-Stundensatzkalkulator-f\u00fcr-alle-Designleistungen1.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/10\/Der-BDG-Stundensatzkalkulator-f\u00fcr-alle-Designleistungen1-300x217.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/10\/Der-BDG-Stundensatzkalkulator-f\u00fcr-alle-Designleistungen1-575x416.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h5>Das n\u00f6tige Stundenhonorar<\/h5>\n<p>Gib einfach deine angestrebte Arbeitszeit, die laufenden zu erwartenden Kosten, ein realistisch eingesch\u00e4tztes Ausfallrisiko und eine ebenso realistische Gewinnerwartung, ein und du bekommst das daf\u00fcr n\u00f6tige Stundenhonorar pr\u00e4sentiert.<\/p>\n<h5>Welcher Lebensstandard ist m\u00f6glich<\/h5>\n<p>Weicht das Ergebnis stark von deinem aktuellen Stundenhonorar ab oder von dem was du berechnet hast, wird dir nun aufgezeigt welche Risiken nicht abgedeckt sind und welcher Lebensstandard wirklich m\u00f6glich ist.<\/p>\n<p><strong>Der BDG-Stundensatz-Kalkulator steht die hier ab sofort kostenlos zur Verf\u00fcgung:<\/strong><\/p>\n<p><a title=\"BDG-Stundensatz-Kalkulator\" href=\"http:\/\/www.bdg-kalkulator.de\/\" target=\"_blank\" rel=\"noopener\">Der BDG-Stundensatz-Kalkulator hier&#8230;<\/a><\/p>\n<p><a title=\"Weitere Infos\" href=\"http:\/\/www.bdg-designer.de\/kalkulieren-logisch-der-bdg-stundensatz-kalkulator\" target=\"_blank\" rel=\"noopener\">Weitere Infos hier&#8230;<\/a><\/p>\n<h5>Des Webdesigners Anatomie (Infografik)<\/h5>\n<p>Was das Hause Heart Internet \u2013 ein Webhoster aus dem Vereinigten K\u00f6nigreich \u2013 \u00fcber Webdesigner wissen wollte war im Prinzip einfach: <strong>Was denkt der gemeine Webdesigner \u00fcber seinen Job<\/strong>, welche Zukunftsaussichten sieht der und wie nimmt er die Branche insgesamt war? Der Umfrage stellten sich 500 Webdesigner \u2013 ehrlicherweise keine repr\u00e4sentative Zahl, doch auch nicht g\u00e4nzlich unrepr\u00e4sentativ muss man sagen. Dieses kurze Hintergrundwissen solltest du f\u00fcr die weitern Fakten kurz im Hinterkopf behalten.<\/p>\n<h5>Geringe Auftragseing\u00e4nge mit schlechter Bezahlung f\u00fcr die m\u00e4nnlichen Freiberufler<\/h5>\n<p>Aus diesem kurzen Satz kannst du die Erkenntnisse aus der Umfrage im Grunde genommen direkt herauslesen. Bezeichnend war auch, dass \u00fcber \u00be der Befragten m\u00e4nnlich waren. Es mag zwar sein, dass man zun\u00e4chst viele Frauen kennt, die in der Branche t\u00e4tig sind, doch das ist wohl allein dadurch zu erkl\u00e4ren, dass sie offener ihrer Arbeit nachgehen. 77% der Befragten zeigten sich in Puncto Jobsicherheit zuversichtlich \u2013 vor dem Hintergrund, das 63% selbstst\u00e4ndig waren, mag sich dieses Ergebnis aber auch relativieren. Einen Job zu finden war f\u00fcr 80% schwer gewesen und 75% geben an, dass sich diese Situation wohl kaum bessere.<\/p>\n<h5>Preisen befinden sich auf Talfahrt<\/h5>\n<p>Auch die f\u00fcr die Arbeit erzielten Preisen befinden sich auf der Talfahrt \u2013 verursacht durch den stetig erh\u00f6hten Wettbewerbsdruck und den zunehmenden Forderungen der Kunden im Gegensatz zur Zahlungsbereitschaft. Vor allem bei mobilen Websites siehst du diesen Trend deutlich. Der Kunde untersch\u00e4tzt einfach die Kosten, die durch Webdesign entstehen \u2013 Dieser These schlossen sich 88% der Umfrageteilnehmer an.<\/p>\n<p>Du kannst den unten folgenden Grafiken weitere Infos und Erkenntnisse entnehmen. Einfach darauf klicken und du wirst zum Original auf der Website von Heart Internet weitergeleitet:<\/p>\n<h5>Google\u00b4s 200 Rankingfaktoren (Infografik)<\/h5>\n<p>Ich denke das ein SEO Grundwissen f\u00fcr jeden Webdesigner wichtig ist. Brian Dean (backlinko.com) hat in seinem Artikel <strong>`Google\u2019s 200 Ranking Factors\u00b4<\/strong> eine Liste der Faktoren erstellt, die f\u00fcr ein erfolgreiches Ranking bei Google von Bedeutung sind. Dabei hat er sich die M\u00fche gemacht die 200 entscheidenden Faktoren \u00fcbersichtlich in Kategorien zu sortieren (z.B. Site, Page, Domain).<\/p>\n<h5>Google\u00b4s Rankingfaktoren<\/h5>\n<p>200 Faktoren erscheinen dir vermutlich ein bisschen viel &#8211; lass dich vom Gegenteil \u00fcberzeugen. Du kannst dir die 200 Faktoren sogar in einer \u00fcbersichtlichen Grafik ansehen und wirst feststellen, dass Brian Dean mit seinen 200 Faktoren keinesfalls zu hoch gepokert hat.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2640\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/10\/rankingfaktoren_google1.jpg\" alt=\"Google\u00b4s 200 Rankingfaktoren\" width=\"800\" height=\"20112\" \/><\/p>\n<h5>Niice.co die Webdesigner Suchmaschine<\/h5>\n<p><strong>Niice.co:<\/strong> Jeder kennt diese Phasen &#8211; Die Muse hat sich irgendwo versteckt und scheint auch nicht bereit, sich in absehbarer Zeit wieder blicken zu lassen. Hatte ich nicht eben noch eine z\u00fcndende Idee gehabt? Wie war das nochmal mit der Inspiration f\u00fcr das n\u00e4chste Webprojekt? Wenn die Abteilung Kreativit\u00e4t im Kopf wieder einmal auf Durchzug geschaltet ist, kann die Eingabe von &#8222;niice.co&#8220; in die Adresszeile des Browsers wahre Wunder wirken. Dort gibt man dann den konkreten Bedarf an Inspiration ins Suchfeld und erh\u00e4lt das passende Ideenpaket.<\/p>\n<h2>Niice.co lass dich inspirieren &#8211; Kreativit\u00e4t als wichtigste Webdesigner-Ressource<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2844\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/10\/Niice1.jpg\" alt=\"Niice\" width=\"800\" height=\"603\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/10\/Niice1.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/10\/Niice1-300x226.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/10\/Niice1-575x433.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Jeder Webdesigner braucht Anregungen, um seiner Kreativit\u00e4t freien Lauf lassen zu k\u00f6nnen. Spontane, ungez\u00fcgelte Kreativit\u00e4t weicht im Laufe der Berufsjahre oft einer eher rationalen Herangehensweise. Und auch die nahenden Deadlines unz\u00e4hliger Projekte verscheuchen immer h\u00e4ufiger die Muse. Was der Schriftsteller Schreibblockade nennt, ist f\u00fcr den Designer der gef\u00fcrchtete Creative Block. Was tun? Jeder popul\u00e4rwissenschaftliche Online-Ratgeber kennt die Antwort: Lass dich inspirieren! Und wenn dir selbst nichts mehr einf\u00e4llt, konsultiere deine Bookmarks.<\/p>\n<p>Es gibt auch noch andere Webprojekte, zum Beispiel <a title=\"Dribbble\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/dribbble-das-kreative-social-network\">Dribbble<\/a>, die mit einer Community von Designern eine Plattform f\u00fcr den Austausch von Ideen geben: Webdesigner k\u00f6nnen hier Entw\u00fcrfe einstellen, um sich Feedback geben zu lassen. Wie unsch\u00e4tzbar wertvoll diese M\u00f6glichkeit ist, macht vor allem die Tatsache deutlich, dass es sich bei den meisten Designern letztlich um Einzelk\u00e4mpfer handelt.<\/p>\n<h5>Niice.co: Drei Standbeine f\u00fcr den Motor der Inspiration<\/h5>\n<p>Eine B\u00fcndelung dieser Quellen erm\u00f6glicht Niice.co. Pete Hawkins und Chris Armstrong &#8211; beide aus Nordirland &#8211; bieten daf\u00fcr eine einheitliche Oberfl\u00e4che. Zurzeit handelt es sich bei den <strong>Quellen f\u00fcr Niice.co um Dribbble, Behance und Designspiration<\/strong>. Nach und nach sollen weitere Quellen integriert werden.<\/p>\n<p><em>F\u00fcr die Macher von Niice.co war es ein ausschlaggebender Faktor, dass die Google Bildersuche keine M\u00f6glichkeit bietet, nach Qualit\u00e4t oder Geschmack zu differenzieren.<\/em><\/p>\n<h5>Niice.co<\/h5>\n<p>Wer Niice.co das erste Mal sieht, f\u00fchlt sich an Pinterest erinnert. Das Suchergebnis pr\u00e4sentiert sich als eine \u00fcber den gesamten Bildschirm gekachelte Ansammlung von Bildern. Onmouseover erscheint zu jedem Bild ein Hinweis auf die Quelle des Projekts. Ein Klick, und man ist direkt bei dieser Quelle.<\/p>\n<p>Der Nutzen f\u00fcr den nach Ideen suchenden Webdesigner ist bei Niice.co offensichtlich: Wer das Suchwort &#8220; Webdesign&#8220; eingibt, erh\u00e4lt eine mehr als reichhaltige Auswahl von Designs f\u00fcr Webseiten, die auch wirklich geschmackvoll sind. Das Gleiche gilt beispielsweise f\u00fcr das Keyword &#8222;UI&#8220;. Es scheint nur noch eine Frage der Zeit, bis Niice.co f\u00fcr jeden Webdesigner unverzichtbar wird. Jedenfalls dann, wenn immer mehr Quellen zur Verf\u00fcgung gestellt werden.<\/p>\n<blockquote><p>Um Missverst\u00e4ndnissen vorzubeugen: Niice.co ist keine Suchmaschine, die Ressourcen f\u00fcr Designs anbietet (wie zum Beispiel <a title=\"Freepik\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/freepik\">Freepik<\/a>). Hier wird die Kreativit\u00e4t gef\u00f6rdert, indem man einfach nur hinsieht. Und das ist ungeheuer viel wert.<\/p><\/blockquote>\n<p>Die Ergebnisse von <em>Niice.co sind in der Tat &#8222;nice&#8220;<\/em> und k\u00f6nnen sich immer sehen lassen &#8211; selbst bei den ungew\u00f6hnlichsten Sucheingaben.<\/p>\n<p><strong>Niice.co ist als &#8222;Side Project of the Year 2013&#8220; vom Design-Magazin .net nominiert worden.<\/strong><\/p>\n<p><strong>WEITERF\u00dcHRENDER LINK<\/strong><\/p>\n<p><a title=\"Niice.co die Webdesigner Suchmaschine\" href=\"http:\/\/niice.co\" target=\"_blank\" rel=\"noopener\">Zu Niice.co geht es hier&#8230;<\/a><\/p>\n<h5>Gutes tun mit der Domain Weltkarte<\/h5>\n<p>Sicherlich kennst du Domainendungen wie .at, .de, fr oder auch .ch. Vermutlich wei\u00dft du auch, zu welchem Land diese geh\u00f6ren. Doch kannst du auch die Endung .ac dem richtigen Land zuordnen oder wei\u00dft du, zu welcher Region die Top-Level-Domain (TLD) .zw geh\u00f6rt?<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2642\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/10\/Domain-Weltkarte1.jpg\" alt=\"Domain-Weltkarte\" width=\"980\" height=\"365\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/10\/Domain-Weltkarte1.jpg 980w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/10\/Domain-Weltkarte1-300x111.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/10\/Domain-Weltkarte1-575x214.jpg 575w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/>\u00a9 checkdomain<\/p>\n<h5>10 Euro gehen an die Deutsche Kinderkrebsstiftung<\/h5>\n<p>Falls du es nicht sofort wei\u00dft, kann die Seite \u201echeckdomain.de\u201c Abhilfe schaffen. Dort gibt es n\u00e4mlich ein Poster im XL-Format zu kaufen f\u00fcr 27,- Euro inkl. MwSt., auf dem alle Domains weltweit zu finden sind <strong>(toll ist dabei das 10 Euro an die Deutsche Kinderkrebsstiftung gehen)<\/strong>. Das Poster ist doppelseitig bedruckt, wobei dasselbe Bild in einer helleren und einer dunkleren Variante zu sehen ist. So wird sichergestellt, dass das Poster ganz sicher zu deiner Einrichtung oder deinem B\u00fcro passt.<\/p>\n<h5>Ein praktischen Nutzen<\/h5>\n<p>Nat\u00fcrlich ist dieses Poster nicht nur zur Dekoration gedacht, sondern hat auch einen praktischen Nutzen. Jeder, der in dem Bereich Domains zu tun hat, kann sich dort schnell zurechtfinden. Au\u00dferdem kannst du durch das Poster durchaus Spa\u00df daran bekommen, dich mit verschiedenen TLD\u2019s zu besch\u00e4ftigen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-1790\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/10\/social.png\" alt=\"Kinder\" width=\"86\" height=\"80\" \/>Zus\u00e4tzlich kannst Du durch den Kauf des Posters etwas Gutes tun, <strong>da vom Verkaufspreis jeweils zehn Euro an die Deutsche Kinderkrebsstiftung gehen<\/strong>. Diese Stiftung unterst\u00fctzt kliniknahe und patientenorientierte Forschungsprojekte.<\/p>\n<p><strong>Durch den Kauf eines Domainposters kannst du also sogar helfen, Kindern bessere Chancen f\u00fcr die Zukunft zu erm\u00f6glichen.<\/strong><\/p>\n<p><strong>LINKS ZUM ARTIKEL<\/strong><\/p>\n<p><a title=\"DOMAINS WELTWEIT - Das checkdomain-Poster\" href=\"https:\/\/www.checkdomain.de\/domain-weltkarte\/\" target=\"_blank\" rel=\"noopener\">Zu DOMAINS WELTWEIT &#8211; Das checkdomain-Poster geht es hier&#8230;<\/a><br \/>\n<a title=\"Deutsche Kinderkrebsstiftung\" href=\"http:\/\/www.kinderkrebsstiftung.de\/\" target=\"_blank\" rel=\"noopener\">Zur Deutschen Kinderkrebsstiftung geht es hier&#8230;<\/a><\/p>\n<h5>Webdesigner vs. Webentwickler (Infografik)<\/h5>\n<p>Da ich ein Fan von Infografiken bin habe ich wieder eine sehr coole Infografik mit dem Titel <strong>Webdesigner vs. Webentwickler<\/strong> gefunden. Die Infografik zeigt einen Vergleich zwischen einem Webdesignern und einem Webentwicklern. Hier wird verglichen nach dem \u00c4u\u00dferen, der spirituelle Einstellung, der Technik, den \u00c4ngsten bis hin zum Kaffeeverbrauch.<\/p>\n<p><strong>Wo bist du zu finden?<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1809 size-full\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/10\/webdesigners_vs_webdevelopers_grafik.jpg\" alt=\"Webdesigner VS Webentwickler\" width=\"550\" height=\"856\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/10\/webdesigners_vs_webdevelopers_grafik.jpg 550w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/10\/webdesigners_vs_webdevelopers_grafik-192x300.jpg 192w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Web Designers vs Web Developers is brought to you by Wix.com<br \/>\nUse creative design to make a <a href=\"http:\/\/www.wix.com\">Free Website<\/a><br \/>\nYou are most welcome to share this infographic with your audience.<\/p>\n<h5>WordPress Plugin: 2-Klick Social Media Buttons<\/h5>\n<p>Hier in Deutschland haben wir ein sehr strenges Datenschutzgesetz. Manche Leute behaupten, dass es \u00fcbertrieben streng ist (in der Schweiz wird nicht mal ein Impressum ben\u00f6tigt). Jeder der eine Webseite betreibt, sollte wissen, dass man auf bestimmte Dinge achten muss. Sonst kann, im schlimmsten Fall, eine Abmahnung drohen. Und wer m\u00f6chte das schon.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3437\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/2-Klick-Social-Media-Buttons.jpg\" alt=\"2-Klick Social Media Buttons\" width=\"800\" height=\"448\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/2-Klick-Social-Media-Buttons.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/2-Klick-Social-Media-Buttons-300x168.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/2-Klick-Social-Media-Buttons-575x322.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>In diesem Artikel auf eCom1.de: <a title=\"Lange geduldet, jetzt Abmahnwelle f\u00fcr Like-Buttons\" href=\"http:\/\/www.ecom1.de\/news\/like_social_media.php\" target=\"_blank\" rel=\"noopener\">\u201eLange geduldet, jetzt Abmahnwelle f\u00fcr Like-Buttons\u201c<\/a> wird aktuell beschrieben wie HRS, Nivea (Beiersdorf), Payback, Eventim, Peek &amp; Cloppenburg (FashinID) und KIK abgemahnt wurden von der Verbraucherzentrale NRW.<\/p>\n<h5>Social Media Buttons<\/h5>\n<p>Die bekannten und normalen Social Media Buttons wie Google+, Facebook, Pinterest, Twitter und die anderen sind leider in Deutschland verboten. Hier in Deutschland funktioniert nur der 2-Klick Weg.<\/p>\n<h5>Social Media Buttons rechtsg\u00fcltig einzubinden<\/h5>\n<p>Man braucht f\u00fcr alle deutschen Webseitenbetreiber ein Plugin, um die Social Media Buttons rechtsg\u00fcltig einzubinden. Das Plugin <strong>2-Klick Social Media Buttons<\/strong> kann bei allen Kundenprojekten verwendet werden. Einige Social Media Buttons \u00fcbermitteln schon bei der Anzeige Informationen in die USA. Plugins in Deutschland d\u00fcrfen das nicht ungefragt, daher gibt es die 2-Klick L\u00f6sung:<\/p>\n<p><strong>Das WordPress Plugin 2 Click Social Media Buttons l\u00f6st dieses Problem.<\/strong><\/p>\n<p>Mit dem ersten Klick wird der Social Media Button aktiviert und mit dem zweiten Klick wird die eigentliche Funktion des Social Media Buttons ausgel\u00f6st. So wie du es hier unten sehen kannst und gerne ausprobieren darfst \ud83d\ude42 .<\/p>\n<h5>Weitere Vorteile<\/h5>\n<p>Das 2-Klick Social hat noch weitere Vorteile! Dadurch dass es erstmal komplett ausgeschaltet ist spart es Ressourcen und hilft bei der Geschwindigkeit der Website. Die Meisten Social Media Buttons sind eine reine <strong>Geschwindigkeitsbremsen<\/strong>. Das <strong>2-Klick Social Media Buttons<\/strong> nicht.<\/p>\n<p>Hier kann du das Plugin <a title=\"2 Click Social Media Buttons\" href=\"https:\/\/wordpress.org\/plugins\/2-click-socialmedia-buttons\/\" target=\"_blank\" rel=\"noopener\">2 Click Social Media Buttons<\/a> runterladen. Ich kann nur raten, lieber nichts riskieren und auf allen deinen Webseiten ersetzten.<\/p>\n<h5>Internet Wachstum von 1984 bis 2013 (Infografik)<\/h5>\n<p>Wie die untere Infografik zeigt, schreitet die Entwicklung des Internet immer noch rasant voran. Gut auf der Grafik zu erkennen sind dabei vor Allem auch die Ver\u00e4nderungen von Facebook, Twitter und Co. sowie die positive Entwicklung des mobilen Web.<\/p>\n<p>Seit der Anfangszeit des Internet sind inzwischen mehrere Jahrzehnte vergangen. Das Netz ist schneller geworden, viel besser ausgebaut und damit f\u00fcr fast jeden Menschen auf dem Globus nutzbar. Auch viele mobile Endger\u00e4te sind inzwischen internetf\u00e4hig. Diese Entwicklungen haben dazu gef\u00fchrt, dass viele Nutzer \u00fcber mehrere Stunden t\u00e4glich online sind.<\/p>\n<h5>Internet Wachstum bei Nutzern und Webseiten<\/h5>\n<p>Wie aus der Grafik deutlich erkennbar ist, gab es im Jahr 1984 lediglich ca. 1000 Hosts. Heute sind unglaubliche 39 Prozent der Weltbev\u00f6lkerung mehrmals t\u00e4glich online (ca. 2,7 Milliarden Nutzer). Im Jahr 1993 gab es nur etwa 623 (in der Grafik steht 130 das ist meiner Meinung nach falsch) Webseiten. Deren Anzahl hat sich bis zum Jahr 2012 auf 634 Millionen deutlich gesteigert. Eine unglaubliche Steigerung gab es auch bei den Google Suchanfragen. Im Jahr 1998 gab es etwa 9800, letztes Jahr verzeichnete Google stolze drei Milliarden Anfragen.<\/p>\n<h5>Web-Wachstum aufgrund sozialer Medien und Netzwerke<\/h5>\n<p>Soziale Medien haben das Wachstum in der letzten Zeit massiv vorangetrieben. Facebook startete 2004, im Jahr 2012 sind bereits etwa eine Milliarde Nutzer registriert. Aber auch die Konkurrenz von Google Plus, welche 2011 an den Start ging, z\u00e4hlte bereits ein Jahr sp\u00e4ter ca. 135 Millionen registrierte Nutzer.<\/p>\n<h5>Mobile Endger\u00e4te treiben Wachstum weiter voran<\/h5>\n<p>Internetf\u00e4hige Smartphones und Tablets liegen im Trend und sorgen f\u00fcr unglaubliches Wachstum im mobilen Web. Das erste Handy kam 1974 auf den Markt. Seitdem hat sich viel ver\u00e4ndert. Bereits 2001 wurden mit 3G erste Tests durchgef\u00fchrt. 2013 wurden 6,8 Milliarden Mobilfunkvertr\u00e4ge gez\u00e4hlt und ein Durchschnittsamerikaner ist t\u00e4glich rund 1,4 Stunden mit dem Mobiltelefon online. Mit mobilen Apps werden rund 25 Milliarden US-Dollar Umsatz pro Jahr generiert, so sch\u00e4tzt das Wall Street Journal.<\/p>\n<blockquote><p>Auskunft \u00fcber diese und weitere Daten und Fakten \u00fcber das Internet Wachstum gibt die Infografik \u201eThe Incredible Growth of Web Usage (1984-2013)\u201c.<\/p><\/blockquote>\n<p><img decoding=\"async\" class=\"infographic_embedder\" src=\"http:\/\/www.whoishostingthis.com\/blog\/wp-content\/uploads\/2013\/08\/The-Explosion-if-Mobile-Devices-and-Net-Use.jpg\" alt=\"Internet Wachstum von 1984 bis 2013\" width=\"100%\" \/><\/p>\n<div class=\"infographic_attr\">\n<p>Via <a href=\"http:\/\/www.whoishostingthis.com\/compare\/\" target=\"_blank\" rel=\"noopener\">WhoIsHostingThis.com<\/a><\/p>\n<\/div>\n<h5>Behance &#8211; Adobe<\/h5>\n<p>Ein Schritt von Adobe: <strong>Die \u00dcbernahme von Behance<\/strong> erfolgte im Dezember 2012 und soll die Creative Cloud des kalifornischen Unternehmens st\u00e4rken. Behance ist eine Community von Webdesignern und K\u00fcnstlern, die hier ihre Werke ins Netz stellen, mit Gleichgesinnten zusammenarbeiten und auch die \u00d6ffentlichkeit &#8211; sprich: Kunden &#8211; erreichen wollen.<\/p>\n<h5>Behance das K\u00fcnstlerportfolio-Netzwerk<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2841\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/10\/Behance1.jpg\" alt=\"Behance\" width=\"800\" height=\"569\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/10\/Behance1.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/10\/Behance1-300x213.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/10\/Behance1-575x408.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Adobe gab den Kauf des K\u00fcnstlerportfolio-Netzwerks in seinem <a title=\"Behance und Adobe\" href=\"http:\/\/blog.behance.net\/teamblog\/behance-adobe-serving-the-future-of-the-creative-world\" target=\"_blank\" rel=\"noopener\">Weblog<\/a> bekannt, ohne allerdings ein Wort \u00fcber den Kaufpreis zu verlieren. Behance ist ein Dienst f\u00fcr Grafiker, Designer aus den Bereichen Web und Mode sowie Film- und Fotok\u00fcnstlern. Es handelt sich sowohl um ein Forum f\u00fcr Diskussionen untereinander, aber auch um eine Plattform, die der Gewinnung neuer Kunden dienen soll. K\u00fcnstlerische Werke k\u00f6nnen hier bewertet, aber auch erworben werden.<\/p>\n<h5>Integration von Behance<\/h5>\n<p>Adobe beabsichtigt die Integration von Behance in seinen Creative-Cloud-Abodienst, der bisher in erster Linie zur Vermietung von Software und Verf\u00fcgung stellen von Online-Speicherplatz genutzt wurde. Mit Behance sollen die User der Adobe-Programme zusammengebracht werden. Die urspr\u00fcnglichen Pl\u00e4ne des Unternehmens, selbst\u00e4ndig ein Social Network aufzubauen, wurden durch den Kauf des Know-hows der K\u00fcnstlerplattform ad acta gelegt.<\/p>\n<h5>Behance<\/h5>\n<p><em>Bei Behance &#8211; gegr\u00fcndet 2006 &#8211; gibt es \u00fcber 2,5 Millionen Projekte und 35 Millionen Bilder, die von den Nutzern des Dienstes hochgeladen wurden.<\/em> Dazu geh\u00f6rt auch ein iPhone-App und eine API f\u00fcr Entwickler. Noch im Mai 2012 erhielt das Unternehmen eine Finanzspritze in H\u00f6he von 6,5 Millionen Dollar. Hierbei spielte insbesondere der Risikokapitalgeber Union Square Ventures eine Rolle.<\/p>\n<blockquote><p>Der Dienst soll als K\u00fcnstlerplattform erhalten bleiben und die Angestellten des Unternehmens auch nach der \u00dcbernahme durch Adobe (Sitz: San Jose, Kalifornien) in New York bleiben. Das sagte jedenfalls Behance-Chef Scott Belsky.<\/p><\/blockquote>\n<p>Adobe h\u00e4lt sich mit Zukunftspl\u00e4nen weitgehend bedeckt. Zu erwarten sind Erleichterungen des Datenaustausches zwischen Behance und Adobes Cloud-Speicherdiensten. Die Internationalisierung von <strong>Behance<\/strong> ist ein erkl\u00e4rtes Ziel von Adobe. Die Akquisition soll der von Typekit \u00e4hneln. Typekit &#8211; seit November bei Adobe &#8211; stellt kostenpflichtig Schriften zur Verf\u00fcgung.<\/p>\n<p><strong>LINK ZUM ARTIKEL<\/strong><\/p>\n<p><a title=\"Behance\" href=\"http:\/\/www.behance.net\/\" target=\"_blank\" rel=\"noopener\">Zu Behance geht es hier&#8230;<\/a><\/p>\n<h5>Webdesign Fehler die Besucher ver\u00e4rgern (Infografik)<\/h5>\n<p>Die \u00fcbelsten <strong>Webdesign Fehler<\/strong> die kein Besucher sehen m\u00f6chte:<\/p>\n<p>Bei jeder Internetseite hat das Webdesign einen entscheidenden Einfluss, ob Besucher die Webseite schnell wieder verlassen oder auf ihr herumst\u00f6bern. Dabei muss das Design \u00fcberhaupt nicht aufwendig sein, sondern klar strukturiert und nicht zu \u00fcberladen. Die negativsten Beispiele kannst du in der Grafik von Kissmetrics sehen &#8211; dort sind diese in einer Infografik zusammengefasst.<\/p>\n<p>Als weitere Aufgabe hat das Webdesign nat\u00fcrlich auch die Neukundenakquise. W\u00e4hrend diese schon ihre T\u00fccken hat und wohl die K\u00f6nigsdisziplin des Webdesigns ist um den Kunden oder Besucher zum Verweilen auf der Webpage zu \u00fcberzeugen. Und genau zu diesem Thema hat Kissmetrics diese Infografik erstellt:<\/p>\n<p><em>Welche Webdesign Fehler veranlassen Kunden dazu, die Webseite schnell wieder zu verlassen?<\/em><\/p>\n<h5>Das Design einer Webseite sollte den Nutzer nicht abschrecken<\/h5>\n<p>Das wohl wichtigste auf einer Internetseite ist die klare Struktur, die ein leichte und intuitive Bedienung erlaubt. Daher ist es f\u00fcr Webdesigner besonders wichtig, der Webseite eine sinnvolle und \u00fcbersichtliche Navigation zuzuordnen.<\/p>\n<h5>Auch die Inhalte sind entscheidend<\/h5>\n<p>Die Seiten oder Artikel sollten sich au\u00dferdem auf das Wesentliche beschr\u00e4nken und nicht mit unz\u00e4hligen Bannern, Videos oder Sound-Clips ablenken. Aber auch schlecht gegliederte Inhalte sowie nicht leicht zu entziffernde Typografie k\u00f6nnen daf\u00fcr verantwortlich sein, dass Besucher schnell das Weite suchen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2835\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/10\/Webdesign-Fehler1.png\" alt=\"Webdesign Fehler\" width=\"1000\" height=\"6676\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/10\/Webdesign-Fehler1.png 1000w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/10\/Webdesign-Fehler1-575x3838.png 575w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p><strong>LINK ZUM ARTIKEL<\/strong><\/p>\n<p><a title=\"Webdesign Fehler die Besucher ver\u00e4rgern\" href=\"http:\/\/blog.kissmetrics.com\/leave-a-website\/?wide=1\" target=\"_blank\" rel=\"noopener\">Zu Kissmetrics und Webdesign Fehler die Besucher ver\u00e4rgern geht es hier&#8230;<\/a><\/p>\n<h5>Der richtige Bart f\u00fcr IT-Berufe<\/h5>\n<p>Bei der Frage nach den Anforderungen an einen IT-ler, der in der heutigen Zeit seinem Beruf erfolgreich nachgeht, w\u00fcrden wohl die wenigsten an reine \u00c4u\u00dferlichkeiten wie den Bart denken. Umso lustiger ist es dennoch, dass gerade dieser im Zentrum einer Studie des amerikanischen Wired Magazins stand.<\/p>\n<h2>Der Monat Movember (Um auf Prostatakrebs aufmerksam zu machen)<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-1864\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/11\/Movember.jpg\" alt=\"Movember\" width=\"180\" height=\"201\" \/>Die Studie wirkt erg\u00e4nzend zum so genannter <strong>&#8222;Movember&#8220;<\/strong>, dem November, in dem sich zahlreiche M\u00e4nner weltweit einen Oberlippenbart wachsen lassen, um damit auf die Risiken des Prostatakrebs aufmerksam zu machen.<\/p>\n<p>Der vor\u00fcbergehende Mode- bzw. Barttrend hat also einen aufr\u00fcttelnden Hintergrund und soll dabei helfen, dass die t\u00f6dliche Krankheit keinesfalls vergessen wird.<\/p>\n<h5>20 coole Beispiele<\/h5>\n<p>Die Zeitschrift zeigt in diesem Zusammenhang insgesamt 20 Beispiele auf, die verschiedene Bartformen auff\u00fchren und die zum IT-Beruf im Silicon Valley passen.<\/p>\n<blockquote><p>Viele M\u00e4nner lassen sich den besagten Bart \u00fcbrigens im November mittlerweile aus purer Gewohnheit wachsen und haben den genauen Hintergrund l\u00e4ngst vergessen.<\/p><\/blockquote>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1857\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/11\/November-Bart.jpg\" alt=\"November Bart\" width=\"590\" height=\"1060\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/11\/November-Bart.jpg 590w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/11\/November-Bart-575x1033.jpg 575w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><\/p>\n<p><strong>LINKS ZUM ARTIKEL<\/strong><\/p>\n<p><a title=\"Beards of Silicon Valley: A Field Guide to Tech Facial Hair\" href=\"http:\/\/www.wired.com\/wiredenterprise\/2012\/11\/20-12-st_beardtaxonomy\/\" target=\"_blank\" rel=\"noopener\">Zu Beards of Silicon Valley: A Field Guide to Tech Facial Hair geht es hier&#8230;<\/a><br \/>\n<a title=\"Offizielle Website der Movember Foundation\" href=\"http:\/\/de.movember.com\/\" target=\"_blank\" rel=\"noopener\">Zur Offizielle Website der Movember Foundation geht es hier&#8230;<\/a><br \/>\n<a title=\"Wikipedia-Eintrag zum Movember\" href=\"http:\/\/de.wikipedia.org\/wiki\/Movember\" target=\"_blank\" rel=\"noopener\">Zum Wikipedia-Eintrag geht es hier&#8230;<\/a><\/p>\n<h5>S\u00fcdkorea muss Internet Explorer nutzen per Gesetz<\/h5>\n<p>In S\u00fcdkorea nutzt 77 Prozent der Bev\u00f6lkerung den <strong>Internet Explorer<\/strong> im t\u00e4glichen Leben. Allerdings nicht aus dem Grund, dass sie von Microsoft \u00fcberzeugt sind, sondern weil es das Gesetz vorschreibt.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2651\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/11\/Internet-Explorer1.jpg\" alt=\"Internet Explorer S\u00fcdkorea\" width=\"800\" height=\"529\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/11\/Internet-Explorer1.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/11\/Internet-Explorer1-300x198.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/11\/Internet-Explorer1-575x380.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Dabei handelt es sich um ein Gesetz, welches in den Neunzigerjahren entwickelt wurde und zur Verbesserung der Sicherheit im E-Commerce-Bereich beitragen. Zum Abschlie\u00dfen von Gesch\u00e4ften im Internet, ben\u00f6tigt man eine Online-Authentifizierung, welche \u00fcber digitale Zertifikate erfolgt. Mit Hilfe dieses Zertifikates ist es Online-H\u00e4ndlern m\u00f6glich, Kunden anhand vom Namen und der Sozialversicherungsnummer zu identifizieren.<\/p>\n<h5>Internet Explorer<\/h5>\n<p>Doch das Problem dabei ist, dass das System, welches zur Identifizierung verwendet wird, einen ActiveX Control und somit auch den <a title=\"Internet Explorer\" href=\"http:\/\/windows.microsoft.com\/de-de\/internet-explorer\/download-ie\" target=\"_blank\" rel=\"noopener\">Internet Explorer<\/a> ben\u00f6tigt. Aus diesem Grund ist das Gesch\u00e4fte machen mit H\u00e4ndlern aus Korea nur \u00fcber den Internet Explorer m\u00f6glich. Denn zwar haben S\u00fcdkoreaner auch zu Browsern wie Chrome, Firefox oder auch auf Safari Zugang, das Online-Kaufen mit diesen Browser ist jedoch nicht m\u00f6glich. Um davor zu warnen, erscheint bei Benutzung dieser Browser sogar ein Pop-up.<\/p>\n<h5>F\u00fcr Apple-Nutzer ein Problem<\/h5>\n<p>Das Gesetz stellt vor allem Apple-Nutzer vor ein Problem, da auf deren Ger\u00e4te kein <em>Internet Explorer<\/em> genutzt werden kann. So bleibt Apple-Nutzern lediglich die M\u00f6glichkeit, ein Internetcaf\u00e9 aufzusuchen oder ein alten Computer zu nutzen, um damit Gesch\u00e4ften nachzugehen.<\/p>\n<p>Doch eine andere Alternative bietet die Software Boot Camp, welche es erm\u00f6glichen soll, Windows auf Mac-Computern am laufen zu bringen. Der Aufwand daf\u00fcr ist zu enorm, sodass S\u00fcdkoreaner ihre Waren lieber in der realen Welt kaufen.<\/p>\n<h5>Unterschied von Skeuomorphic Design zu Flat Design \u2013 Microsoft vs. Apple<\/h5>\n<p>Sogenanntes &#8222;<strong>Flat Design<\/strong>&#8220; ist momentan in aller Munde wenn es um die Gestaltung von graphischen Benutzeroberfl\u00e4chen geht. Mit dem neuen mobilen Betriebssystem iOS 7 folgt auch Apple diesem Trend \u2013 ganz im Gegensatz zum Vorg\u00e4nger, der auf &#8222;<strong>Skeuomorphic Design<\/strong>&#8220; setzte. In der Vergleichsgrafik zwischen iOS 6 und Windows Phone 8 werden die wesentlichen Unterschiede deutlich.<\/p>\n<p>Flat Design bedeutet, nicht zu versuchen die Realit\u00e4t nachzuahmen, also keine Schatten, Farbverl\u00e4ufe oder Analogien aus der realen Welt zu benutzen. Klassische Beispiele f\u00fcr letzteres sind Elemente wie Haftnotizen in Form von Zetteln, ein Stapel Fotos oder die bekannte M\u00fclleimer-Analogie.<\/p>\n<h5>Skeuomorphische Elemente<\/h5>\n<p>In fr\u00fcheren Versionen von iOS fanden sich viele skeuomorphische Elemente, von eher unauff\u00e4lligen Glanzeffekten auf metallisch aussehenden Oberfl\u00e4chen bis zu Apps die deutlich aussehen wie ihr \u00c4quivalent im echten Leben. Das typische Beispiel hierf\u00fcr ist die Kalender-App in iOS 6, die aussieht wie in Leder gebunden \u2013 komplett mit Steppn\u00e4hten. Ein weiteres Beispiel ist das Adressbuch.<\/p>\n<h5>Steve Jobs ein Anh\u00e4nger von skeuomorphischem Design<\/h5>\n<p>Steve Jobs soll, obwohl er bei der Gestaltung von Hardware eher Schlichtheit und Minimalismus bevorzugte, ein Anh\u00e4nger von skeuomorphischem Design gewesen sein. So wurden die von Chef-Designer Jony Ive gestalteten Ger\u00e4te immer einfacher und schlichter, die grafische Benutzeroberfl\u00e4che jedoch immer aufw\u00e4ndiger. Seit Jony Ive nun auch f\u00fcr das Design der Software zust\u00e4ndig ist, verabschiedet sich Apple vom Skeuomorphismus: iOS 7 ist klar und schlicht, verzichtet auf Farbverl\u00e4ufe, Schatten und die Simulation von Materialien wie Leder oder Papier.<\/p>\n<p><strong>Damit folgt die Gestaltung von iOS 7 ausgerechnet dem Trend, auf den Apples Erzrivale Microsoft mit seiner Metro-Oberfl\u00e4che setzt: Flat Design.<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>&#8222;Apple vs. Microsoft \u2013 Flat Design vs. Skeuomorphic Webdesign&#8220; &#8211; Eine Infografik exklusiv pr\u00e4sentiert von <a href=\"http:\/\/bit.ly\/124jhQ9\"> WebMagazin.de.<\/a><\/p>\n<h4>Microsoft vs. Apple<\/h4>\n<p>Vote f\u00fcr das Design das du besser findest. Toll w\u00e4re es wenn du mit einem Kommentar mitteilen w\u00fcrdest wie und warum du so gevotet hast.<\/p>\n<p>Viel Spa\u00df dabei.<\/p>\n<h5>Firefox Redesign: Das Design Australis wird den Fuchs verchromen<\/h5>\n<p><strong>Firefox Redesign<\/strong>: Den Browser Firefox wie man ihn kennt, wird es schon bald nicht mehr geben. Das Unternehmen Mozilla hat per <a title=\"Australis\" href=\"https:\/\/twitter.com\/FirefoxNightly\/status\/401264520871424000\" target=\"_blank\" rel=\"noopener\">Twitter<\/a> bekannt gegeben, dass bald ein neues Design namens <strong>Australis<\/strong> eingef\u00fchrt werden wird. Nach einer bestimmten Testphase wird das Design dann auch f\u00fcr den Stable Build des Browsers \u00fcbernommen werden.<\/p>\n<h5>Firefox Redesign<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-1977 aligncenter\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/11\/Firefox-Redesign.jpg\" alt=\"Firefox Redesign\" width=\"590\" height=\"770\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/11\/Firefox-Redesign.jpg 590w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/11\/Firefox-Redesign-229x300.jpg 229w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/11\/Firefox-Redesign-575x750.jpg 575w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><\/p>\n<p>Alteingesessene Firefox-Fans d\u00fcrfte dabei \u00e4rgern, dass das Design festgelegt ist und sich nicht \u00fcber die about:Config-Einstellungen deaktivieren l\u00e4sst. Der Senior Software Engineer Jared Wein vom <strong>Firefox Team<\/strong> erkl\u00e4rte, dass die Design-\u00c4nderungen der neuen Oberfl\u00e4che dazu zu weitreichend sind. Jared Wein hat auf seinem <a title=\"Firefox Redesign\" href=\"http:\/\/msujaws.wordpress.com\/2013\/11\/08\/australis-landing-plans\/\" target=\"_blank\" rel=\"noopener\">Blog zwei Ausschnitte bereitgestellt<\/a>, die zeigen sollen wie Atlantis aussieht. Optisch ist der Browser mit seinem neuen Gewand kaum noch wiederzuerkennen. Die Chrom-Elemente befinden sich auf der gesamten Oberfl\u00e4che, und auch R\u00e4nder der Ecken sowie der Buttons und die Schatten wurden entfernt. Alles wirkt jetzt sehr flach und erinnert sogar ein wenig an die gute alte Zeit von Windows XP.<\/p>\n<blockquote><p>Der Grund, warum das Design \u00fcberhaupt so gravierend ver\u00e4ndert wird, ist Mozillas Plan, eine f\u00fcr alle Plattformen einheitliche Oberfl\u00e4che zu erschaffen. Hierzu z\u00e4hlen auch die Android-Variante des Firefox, sowie Mozillas eigene mobile Plattform Firefox OS. Diese kommt auch auf dem Smartphone Alcatel One Touch Fire zum Einsatz.<\/p><\/blockquote>\n<h5>Internet War Report 2013<\/h5>\n<p>Der <strong>Internet War Report 2013<\/strong> behandelt nicht Kriegsstatistiken wie der Name vermuten l\u00e4sst, sondern erhebt die Marktanteile von Internetbrowsern, tats\u00e4chlich verwendeten Betriebssystemen mobilen Betriebssystemen und Produzenten von Smartphones und Handys. Dies und die Marktanteile von bestimmten Diensten im Segment des Social Media sind in der nachfolgenden Grafik plastisch dargestellt.<\/p>\n<p><b>++ Click Image to Enlarge ++<\/b><br \/>\n<a href=\"http:\/\/blog.kissmetrics.com\/internet-war-report-2013\/\"><img decoding=\"async\" src=\"http:\/\/blog.kissmetrics.com\/wp-content\/uploads\/2013\/08\/war-report-sm.png\" alt=\"Internet War Report - Infographic\" \/><\/a><br \/>\nSource: <a href=\"http:\/\/blog.kissmetrics.com\/internet-war-report-2013\/\">Internet War Report \u2013 Infographic<\/a><\/p>\n<h5>Landing Page<\/h5>\n<p>Eine perfekte <strong>Landing Page<\/strong> zu erstellen ist schon eine Kunst f\u00fcr sich. Hier sind Aspekte wichtig die eine <a title=\"Der einfach Weg zur perfekten Landingpage\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/perfekte-landingpage\">Landing Page<\/a> eben als solche kennzeichnen. Hier gibt es wieder eine sehr gelungene Infografik von den Jungs von Blog.Kissmetrics.com.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2671\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/12\/Perfekte-Landingpage-1.png\" alt=\"Perfekte Landingpage\" width=\"900\" height=\"2240\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/12\/Perfekte-Landingpage-1.png 900w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/12\/Perfekte-Landingpage-1-120x300.png 120w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/12\/Perfekte-Landingpage-1-411x1024.png 411w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/12\/Perfekte-Landingpage-1-575x1431.png 575w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/p>\n<p><a title=\"Landing Page\" href=\"http:\/\/blog.kissmetrics.com\/landing-page-design-infographic\/?wide=1\" target=\"_blank\" rel=\"noopener\">\u00a9 und Quelle Kissmetrics hier\u2026<\/a><\/p>\n<h5>Zur besseren Conversionrate in 16 Schritten durch Optimierung der Landing Page<\/h5>\n<p>Eine deutliche Steigerung der Conversionrate einer Website erfolgt am Besten durch eine gelungene Landing Page. Im Folgenden findest du 16 Tipps, um dieses Ziel zu erreichen.<\/p>\n<p>Landing Pages spielen f\u00fcr den Erfolg oder Misserfolg von E-Commerce Websites eine entscheidende Rolle. F\u00fcr ebensolche Websites arbeitet die Firma Invesp in Nordamerika. Um dir bei der Optimierung deiner Landing Page, und damit deiner Conversionrate, zu helfen, findest du in der untenstehenden Infografik 16 Tipps des US-amerikanischen Unternehmens.<\/p>\n<h5>Optimierung der Landing Page: \u00c4nderungen testen<\/h5>\n<p>Um die Conversionrate zu verbessern, sind ein vertrauensvoller Auftritt und klare und eindeutige Kommunikation auf der <strong>Landing Page<\/strong> Pflicht. Mindestens genauso wichtig ist ein benutzerfreundliches Layout. Wie diese Infografik deutlich macht, bedarf es aber auch gr\u00fcndlicher Tests aller durchgef\u00fchrten \u00c4nderungen.<\/p>\n<p><a href=\"http:\/\/www.invesp.com\/landing-page.jpg\"><img decoding=\"async\" src=\"http:\/\/www.invesp.com\/landing-page.jpg\" alt=\"How to Optimize Your Landing Page\" width=\"580\" \/><\/a><\/p>\n<p>Infographic by- <a href=\"http:\/\/www.invesp.com\/marketing-services\/landing-page-creation-optimization.html\">Invesp<\/a><\/p>\n<h5>Nerd oder Geek? (Infografik)<\/h5>\n<p><strong>Was genau macht eigentlich einen Geek zu einem Geek und einen Nerd zu einem Nerd?<\/strong> Die folgende, und nicht ganz ernst gemeinte, Infografik, die von MastersInIT.org in Auftrag gegeben wurde, kl\u00e4rt dich dar\u00fcber auf. Kann ein Geek einen anspruchsvollen Job als Raketenwissenschaftler haben oder besch\u00e4ftigt er sich mehr mit Kunst? Ist man ein Nerd, nur weil man sich Trekkie nennt? Diese interessante Infografik zeigt es dir.<\/p>\n<h5>Nerd oder Geek, wo ist nun der Unterschied?<\/h5>\n<p>Als smarter Hipster mit einer Vorliebe f\u00fcr teure T-Shirts und Gadgets die immer seinen Standpunkt zeigen, zieht es den Geek beruflich in Richtung Grafik- oder Webdesign. Vielleicht arbeitet er in einem Schallplattenladen, um seiner besonderen Individualit\u00e4t Freiraum zu lassen oder er verdient sein Geld als Barista in einem Szene-Caf\u00e9 mit unversch\u00e4mten Preisen.<\/p>\n<p>Der Nerd dagegen ist unf\u00e4hig, sozial mit anderen Menschen zu interagieren. Er versteckt sein vielfaches Wissen und anstatt den Anderen klar zu machen, wie viel man doch von ihm lernen k\u00f6nnte, verkriecht sich der Nerd nach der Arbeit (m\u00f6glicherweise als Raketenwissenschaftler) hinter seinem Rechner und schaut sich \u201eBattlestar Galactica\u201c-Folgen an.<\/p>\n<h5>Ein Funken Wahrheit<\/h5>\n<p>Wie du merkst, haben es die Macher dieser Infografik nicht ganz ernst gemeint. Besonders die Nerds kommen in ihrem Beispiel nicht wirklich gut weg. Aber mit einem Funken Wahrheit (in einigen Punkten habe ich mich auf jeden Fall angesprochen gef\u00fchlt \ud83d\ude09 ) und Witz kann man diese Infografik mit einem Grinsen belohnen.<\/p>\n<p><strong>Und wo findest du dich wieder?<\/strong><\/p>\n<p><strong>Wo liegt eigentlich der Unterschied zwischen einem Hipster und einem Geek?<\/strong> Die Macher der Infografik sind dieser Frage nachgegangen und haben einige Unterscheidungsmerkmale ausmachen k\u00f6nnen. Wie auch die Infografik von gestern, die sich mit den Unterschieden zwischen Nerd und Geek besch\u00e4ftigt hatte, ist auch diese hier mit einem Funken Humor zu verstehen.<\/p>\n<h5>Geek vs. Hipster &#8211; Wie unterschiedlich sind sie?<\/h5>\n<p>Der Geek grenzt sich laut der Infografik von der \u00d6ffentlichkeit durch Kleidung und andere Dinge ab, um so individueller zu erscheinen. Es geht ihm dabei nicht unbedingt darum, trendbewusst zu sein, auch wenn sein Kleidungsstil dies oftmals ist. Es geht ihm darum authentisch zu wirken. Viele Geeks haben ein spezielles Interessengebiet, \u00fcber das sie sich umfangreich unterhalten k\u00f6nnen. Dar\u00fcber hinaus lieben sie Technik und kaufen immer den aktuellsten \u201ehei\u00dfen Schei\u00df\u201c. Ihre Freizeit verbringen sie mit Videospielen, sowie Filmen wie Star Trek, Star Wars und Tron.<\/p>\n<p>Hipster dagegen verhalten sich anders. Geeks w\u00fcrden sich durchaus auch als solche bezeichnen, Hipster dagegen k\u00e4men niemals auf die Idee, sich auch \u00f6ffentlich als Hipster zu benennen. Sie lehnen den Mainstream ab und sehen sich als Rebellen. Glaubt man der Infografik, f\u00fchren Hipster ein Leben als K\u00fcnstler und bewegen sich in einer alternativen Szene. Da sie den Mainstream-Geschmack ablehnen, tragen sie sogenannte Vintage-Kleidung, mit der sie auffallen wollen. Zu ihrem Kleidungsstil geh\u00f6rt auch eine gro\u00dfe Brille, wie sie auch einige Geeks tragen. Um ihr unkonventionelles Verhalten zu unterstreichen, tragen sie an auff\u00e4lligen Stellen bunte Tattoos. Sie sehen Filme wie Garden State oder alles von dem Filmproduzenten Wes Anderson (Rushmore, Royal Tennenbaums, Life Aquatic), anstatt sich Filme wie Star Trek oder dergleichen anzuschauen.<\/p>\n<h5>Bist du Hipster oder Geek?<\/h5>\n<p>Da ich dich nun nicht danach fragen kann, wo du dich wiedererkennst, da sich Hipster grunds\u00e4tzlich nicht als solche bezeichnen, frage ich besser: Was h\u00e4ltst du von diesem Vergleich? Haben Becomecareer, die Macher dieser Infografik, daneben gegriffen oder ist wirklich etwas dran? Wer sich f\u00fcr die Unterschiede zwischen <strong>Geeks und Hipsters<\/strong> interessiert, sollte sich die Infografik unbedingt ansehen.<\/p>\n<p><a href=\"http:\/\/www.becomecareer.com\/geeks-hipsters\/\"><img decoding=\"async\" src=\"http:\/\/www.becomecareer.com\/geeks-hipsters\/geek-vs-hipster.jpg\" alt=\"Geeks vs Hipsters\" width=\"800\" border=\"0\" \/><\/a><br \/>\nFrom: <a href=\"http:\/\/www.becomecareer.com\">BecomeCareer.com<\/a><\/p>\n<h5>50 Dinge die ein Geek wissen muss<\/h5>\n<p>Noch vor gar nicht langer Zeit war es ein Schimpfwort, inzwischen ist es ein Trend. Es handelt sich um <strong>Geeks<\/strong>. Seit die amerikanische Erfolgsserie \u201cThe Big Bang Theory\u201d auch hier immer bekannter und beliebter wurde, will jeder einer sein. Damit du schnell erkennst, was das Wichtigste ist, m\u00f6chten ich dir die folgende Infografik der Internetseite virtualhosting empfehlen: 50 Dinge, die ein Geek wissen sollte.<\/p>\n<h5>Geek<\/h5>\n<p>Dir sollte nat\u00fcrlich klar sein, dass Akte X, Star Trek, Star Wars und Co. zum Pflichtprogramm eines <strong>Geeks<\/strong> geh\u00f6ren. Auch von der Comic Con, Linux und Han Solos Erstschlag solltest du schon mal etwas geh\u00f6rt haben. Wer Zauberw\u00fcrfel kennt und mit ihnen umgehen kann, hat schon die H\u00e4lfte erreicht.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-2033 size-full\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/12\/Geek.jpg\" alt=\"Geek\" width=\"970\" height=\"8865\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/12\/Geek.jpg 970w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/12\/Geek-112x1024.jpg 112w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/12\/Geek-575x5255.jpg 575w\" sizes=\"auto, (max-width: 970px) 100vw, 970px\" \/><\/p>\n<p>Grafik: <a title=\"Geek\" href=\"http:\/\/www.virtualhosting.com\/blog\/2013\/50-things-geek-should-know\/\" target=\"_blank\" rel=\"noopener\">http:\/\/www.virtualhosting.com\/blog\/2013\/50-things-geek-should-know\/<\/a><\/p>\n<h5>Grundlagen des Online testen einer Website<\/h5>\n<p>Eine Website vor dem GoLive zu testen ist unverzichtbar! Hier siehst du eine Infografik von Blog.Kissmetrics.com, die dir zeigt welche Bereiche deiner Website du auf jeden fall kontrollieren solltest.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2678\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/12\/Grundlagen-des-Online-testen-einer-Website1.jpg\" alt=\"Grundlagen des Online testen einer Website\" width=\"1000\" height=\"4695\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/12\/Grundlagen-des-Online-testen-einer-Website1.jpg 1000w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/12\/Grundlagen-des-Online-testen-einer-Website1-218x1024.jpg 218w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/12\/Grundlagen-des-Online-testen-einer-Website1-575x2699.jpg 575w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p><a title=\"Online testen\" href=\"http:\/\/blog.kissmetrics.com\/online-testing-essentials\/?wide=1\" target=\"_blank\" rel=\"noopener\">\u00a9 und Quelle Kissmetrics hier\u2026<\/a><\/p>\n<h5>WayBackMachine: Auf der Zeitreise durchs Internet<\/h5>\n<p><strong>WayBackMachine:<\/strong> Hast du dich auch schon mal gefragt, wie Google zu Beginn ausgesehen hat oder wie die Internetseite von Apple vor zehn Jahren war? Da sich das Internet so schnell und gemeinsam mit uns weiterentwickelt, erinnert man sich normalerweise nicht daran und \u00c4nderungen werden kaum wahrgenommen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2682\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/01\/Wayback-Maschine1.jpg\" alt=\"Wayback Maschine\" width=\"800\" height=\"717\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/01\/Wayback-Maschine1.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/01\/Wayback-Maschine1-300x268.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/01\/Wayback-Maschine1-575x515.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h5>Wayback Maschine<\/h5>\n<p>Sehnst du dich auch nach der guten alten Zeit zur\u00fcck oder m\u00f6chtest du einfach nur in alten Erinnerungen schwelgen, dann schau dir mal <a title=\"Wayback Maschine\" href=\"http:\/\/web.archive.org\/web\/19990501000000*\/http:\/\/google.com\" target=\"_blank\" rel=\"noopener\">Wayback Maschine<\/a>, das Internet-Archiv an. Milliarden bekannter und beliebter Internetseiten wurden hier archiviert. Mithilfe eines Zeitstrahls kannst du festlegen, in welches Jahr du zur\u00fcckreisen m\u00f6chtest.<\/p>\n<h5>Bekannte Webseiten<\/h5>\n<p>Yahoo und andere sehr bekannte Webseiten wurden nat\u00fcrlich am h\u00e4ufigsten gesichert, alte Versionen deines privaten Blogs wirst du dagegen kaum finden. Au\u00dfer du hast mal einen Screenshot hochgeladen, das funktioniert mit jeder Webseite, die einen Crawler zul\u00e4sst.<\/p>\n<h5>Twitter Redesign bringt Web-Version und Apps zusammen<\/h5>\n<p><strong>F\u00fcr seine Web-App hat Twitter auf sein Redesign per Tweet hingewiesen.<\/strong> Laut Aussage des Unternehmens wird das Design im Stil der iOS- und Android-App gehalten sein. Die Navigation bleibt unver\u00e4ndert, sie wird weiterhin aus den Kategorien \u201eStartseite\u201c, \u201eEntdecken\u201c, \u201eVerbinden\u201c und \u201eAccount\u201c bestehen.<\/p>\n<h5>Twitter Redesign<\/h5>\n<p>Twitter entschied sich allerdings f\u00fcr eine wei\u00dfe Navigationsleiste, statt eine schwarze. Die Profilbeschreibung wird nach dem Redesign einen gr\u00f6\u00dferen Stellenwert haben. Au\u00dferdem haben Nutzer von Twitter nun die M\u00f6glichkeit, eine Aktzentfarbe festzulegen. Nicht nur die in Tweets eingebetteten Links, auch die Men\u00fcpunkte in der Navigationsleiste k\u00f6nnen nun farblich st\u00e4rker hervorgehoben werden.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2687\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/01\/Twitter-Redesign1.jpg\" alt=\"Twitter-Redesign\" width=\"800\" height=\"717\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/01\/Twitter-Redesign1.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/01\/Twitter-Redesign1-300x268.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/01\/Twitter-Redesign1-575x515.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h5>Rollout<\/h5>\n<blockquote><p>Der Rollout wird zur Zeit nach und nach durchgef\u00fchrt. In den n\u00e4chsten Tagen wird er f\u00fcr alle Twitter-Nutzer verf\u00fcgbar sein.<\/p><\/blockquote>\n<p><strong>Wie findet Ihr das neue Twitter Redesign?<\/strong><\/p>\n<h5>Die perfekte Produktseite eines Onlineshop (Infografik)<\/h5>\n<p><strong>Die optimale Produktseite eines Onlineshop:<\/strong> Ein gro\u00dfer Teil der Besucher wird schlie\u00dflich zum K\u00e4ufer, wenn die Produktseite perfekt gestaltet ist. Doch worauf genau muss man achten? Hilfe gibt es von den Conversion-Experten, denn in deren Infografik werden 21 Tipps f\u00fcr die Produktseitenoptimierung vorgestellt.<\/p>\n<p>Wie hoch ist die Effektivit\u00e4t meiner Produktseite? Welche M\u00f6glichkeiten gibt es, sie zu verbessern? Dies sind Fragen, die mithilfe der Infografik der Invesp Conversion-Optimierer beantwortet werden. So hilft beispielsweise die Berechnung der aktuellen Effizienz der Webseite bei der Erstellung der ersten IST-Analyse. Dazu wird die Anzahl der Personen, welche Produkte in den Warenkorb legen, durch die Anzahl aller Webseitenbesucher geteilt. Dabei sollte dieser Wert laut Invesp etwa 25 % betragen, wenn der Bestellwert weniger ist als 50 US-Dollar.<\/p>\n<h5>Die optimale Produktseite eines Online-Shops in 21 Schritten<\/h5>\n<p><strong>Aber auch andere Faktoren sind neben dem Preis entscheidend f\u00fcr die Effizienz der Produktseite.<\/strong> Dazugeh\u00f6ren beispielsweise ein kostenloser Versand sowie zus\u00e4tzliche Angebote. Des Weiteren gibt die bei etailment gefundene Infografik weitere 21 Tipps, die bei der Optimierung der Produktseite helfen. Trotzdem sollte man die externen Faktoren nicht unbeachtet lassen, wenn man seine Conversions Rate steigern m\u00f6chte. Schlie\u00dflich sind Trust-Signale, wie ein G\u00fctesiegel oder eine Markenbekanntheit des Online-Shops ebenfalls wichtig.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2692\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/01\/Produktseite-Online-Shop1.jpg\" alt=\"Produktseite-Online-Shop\" width=\"580\" height=\"3648\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/01\/Produktseite-Online-Shop1.jpg 580w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/01\/Produktseite-Online-Shop1-575x3616.jpg 575w\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" \/><\/p>\n<p>Grafik: <a title=\"Invesp\" href=\"http:\/\/www.invesp.com\/\" target=\"_blank\" rel=\"noopener\">Invesp<\/a><\/p>\n<h5>Der perfekte Warenkorb<\/h5>\n<p>Der <strong>Warenkorb<\/strong> beim Bestellprozess im Online-Handel hat immer noch seine T\u00fccken f\u00fcr die Benutzer. H\u00e4ndler im Internet m\u00fcssen einsehen, dass es sinnvoll ist, Besuchern die M\u00f6glichkeit zu geben, ihren Warenkorb f\u00fcr Cross-Plattform-Eink\u00e4ufe speichern zu k\u00f6nnen. So kann der Kunde seine Vorauswahl bei seiner R\u00fcckkehr erneut aufzurufen und plattform\u00fcbergreifend einzukaufen. Was den Kunden den Tag \u00fcber und unterwegs auf seinem Smartphone interessiert, soll er abends am heimischen Computer bequem einkaufen k\u00f6nnen. Problemlos und ohne st\u00f6rende Hindernisse. Was sonst noch wichtig f\u00fcr den <em>&#8222;perfekten Warenkorb&#8220;<\/em> ist, fasst die Infografik von <a title=\"Der perfekte Warenkorb\" href=\"http:\/\/www.konversionskraft.de\/conversion-optimierung\/infografik-perfekte-warenkorb.html\" target=\"_blank\" rel=\"noopener\">Konversionskraft<\/a> perfekt zusammen.<\/p>\n<ul>\n<li>Ca. 67,89 % aller Nutzer brechen den Warenkorb w\u00e4hrend der Bestellung ab<\/li>\n<li>Nur 33 % der deutschen Top 100 Online-Shops setzen das Best Practice-Layer beim Hinzuf\u00fcgen von Artikeln in den Warenkorb ein<\/li>\n<li>Rund 60 % der Top 100 Online-Shops verwenden Trust-Elemente bei ihrem Warenkorb<\/li>\n<li>Bereits 42 % der Online-Shops zeigen gut sichtbar eine telefonische Kontaktm\u00f6glichkeit bei ihrem Warenkorb an<\/li>\n<\/ul>\n<h5>Ein perfekter Warenkorb<\/h5>\n<p>Die beste Umsetzung bietet der <strong>perfekte Warenkorb<\/strong> wenn hier wird in jeder einzelnen Phase des Bestellprozesses der Telefon-Support angezeigt wird. Ziel ist es immer, Online-Kunden zu gewinnen. Und wohin kehren Anf\u00e4nger beim Online-Handel gerne wieder zur\u00fcck? Dahin, wo direkt zu Beginn die ersten positiven Erfahrungen gemacht wurden. Auf diese Weise entsteht Kundenbindung. Man sollte sich also merken, ein &#8222;Zuviel&#8220; an Unterst\u00fctzung und Sicherheit gibt es nicht.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2698\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/01\/Der-perfekte-Warenkorb1.jpg\" alt=\"Der perfekte Warenkorb\" width=\"1200\" height=\"6479\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/01\/Der-perfekte-Warenkorb1.jpg 1200w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/01\/Der-perfekte-Warenkorb1-575x3104.jpg 575w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p>\u00a9 Grafik Konversionskraft<\/p>\n<h5>Kim Dotcoms neues Musikportal Baboom ist gestartet<\/h5>\n<p><strong>Baboom<\/strong>, das neue Musikportal von Kim &#8222;Dotcom&#8220; Schmitz, ist inzwischen als \u201esoft launch\u201c gestartet. Die Musikplattform war vorher als Megabox bekannt gewesen und wird Ende 2014 live gehen. K\u00fcnstler k\u00f6nnen in diesem Portal ihre Songs, Fotos, Videos und Interviews ver\u00f6ffentlichen. Au\u00dferdem sind eine Jukebox, eine Suche, sowie eigene Playlists enthalten.<\/p>\n<h5>Baboom<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2707\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/01\/Baboom1.jpg\" alt=\"Baboom\" width=\"800\" height=\"609\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/01\/Baboom1.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/01\/Baboom1-300x228.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/01\/Baboom1-575x437.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Der Gr\u00fcnder von Megaupload und bekannte Provokateur Kim Schmitz bietet auf seiner Plattform <a title=\"Baboom\" href=\"http:\/\/baboom.com\/\" target=\"_blank\" rel=\"noopener\">Baboom<\/a> sein eigenes Album <a title=\"Good Times\" href=\"http:\/\/baboom.com\/kimdotcom\" target=\"_blank\" rel=\"noopener\">\u201eGood Times\u201c<\/a> kostenlos zum Herunterladen an. Gleichzeitig findet man auf der Webseite einen Link zu den Bezahl-Portalen Amazon, iTunes und Bandcamp, um das Album dort kaufen zu k\u00f6nnen.<\/p>\n<p><strong>Die Idee dahinter:<\/strong> K\u00fcnstler sollen sich trauen, ihre Musik kostenlos auf dem Musikportal anzubieten. Im Gegenzug daf\u00fcr w\u00fcrden die Nutzer f\u00fcr die Alben bezahlen, die ihnen wirklich gefallen. Baboom wirkt inhaltlich wie eine aktuelle Version von der veralteten Plattform MySpace.<\/p>\n<h3>Das Design<\/h3>\n<p>Das Design finde ich sehr gelungen. Die Farben wirken frisch und modern und insgesamt ist hier sehr viel Liebe zum Detail und alles wirkt sehr hochwertig.<\/p>\n<h5>Fazit<\/h5>\n<blockquote><p>Kim Schmitz Musikportal Baboom muss mit den bekannten und beliebten Streaming-Portalen wie Soundcloud und Spotify um jeden Nutzer streiten. Die kostenlose Download-Funktion k\u00f6nnte allerdings ein echter Pluspunkt der Musikplattform werden. Es ist nur fraglich, wie viele K\u00fcnstler Kim Schmitz Idee teilen werden. Denn was f\u00fcr Spotify und Soundcloud gilt, trifft auch auf Baboom zu: Ohne die richtigen Inhalte, keine User.<\/p><\/blockquote>\n<h5>Die gr\u00f6\u00dften Google-Updates des Jahres 2013 (Infografik)<\/h5>\n<p><strong>Die gr\u00f6\u00dften Google-Updates des Jahres 2013:<\/strong> Mit einer \u00fcbersichtlichen Infografik hat das amerikanische Unternehmen e2m Solutions die gr\u00f6\u00dften Google-Updates des letzten Jahres zusammengefasst.<\/p>\n<h5>Panda #24<\/h5>\n<p>Das erste gro\u00dfe und offizielle Update mit dem Namen <strong>Panda #24<\/strong> wurde am 22. Januar 2013 ver\u00f6ffentlicht. Davon waren rund 1,2% der englischsprachigen Suchanfragen betroffen. Vor allem Internetseiten mit gutem Content sollen von den Neuerungen des Updates belohnt werden.<\/p>\n<h5>Panda-Update #25<\/h5>\n<p>Knapp zwei Monate sp\u00e4ter, etwa am 14. M\u00e4rz 2013, ver\u00f6ffentlichte Google das <strong>Panda-Update #25<\/strong>. W\u00e4hrend der Konferenz SMX West best\u00e4tigte Matt Cutts, dass es sich bei diesem Google-Update um das letzte der Panda-Reihe handelt. Wir haben uns damals in einem eigenen Artikel extra mit den Eigenschaften und Funktionen von Panda und seinen Nachfolgern besch\u00e4ftigt.<\/p>\n<h5>Hummingbird<\/h5>\n<p>Am 20. August 2013 entstand mit der Einrichtung von <strong>Hummingbird<\/strong> eine neue Generation des Such-Algorithmus. Das umfangreiche Update hat Einfluss auf \u00fcber 90% aller weltweiten Suchanfragen. Hummingbird kann die Suchanfragen der Benutzer interpretieren und steigert so die Qualit\u00e4t der Suchergebnisse. Die Ver\u00f6ffentlichung von Hummingbird ist ein wichtiger Schritt zur Verbesserung der semantischen Suche.<\/p>\n<h5>Penguin<\/h5>\n<p>Nach vier Monaten Laufzeit erhielt auch <strong>Penguin<\/strong> ein neues Update. Nur kurze Zeit nach der Implementierung des neuen Such-Algorithmus Hummingbird erschien Penguin 2.1 am 4. Oktober. Die anderen gro\u00dfen Google-Updates, die im vergangenen Jahr eine wichtige Rolle gespielt haben, findest du in der folgenden Infografik.<\/p>\n<div style=\"clear: both;\"><a href=\"http:\/\/www.e2msolutions.com\/blog\/google-search-algorithm-changes-in-2013-infographic\"><img decoding=\"async\" style=\"max-width: 100%; height: auto;\" title=\"11 Most Important Google Search Algorithm Changes In 2013\" src=\"http:\/\/www.e2msolutions.com\/blog\/wp-content\/uploads\/2013\/12\/11-Most-Important-Google-Algorithm-Changes-2013.jpg\" alt=\"11 Most Important Google Search Algorithm Changes In 2013\" align=\"middle\" border=\"0\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<div>Courtesy of: <a href=\"http:\/\/www.e2msolutions.com\/\">E2M Solutions<\/a><\/div>\n<h5>Die Design Trends 2014 (Infografik)<\/h5>\n<p>Shutterstock ver\u00f6ffentlicht f\u00fcr <strong>2014 ihre Design Trend-Analyse<\/strong>. Die Basis der Analyse sind 350 Millionen ausgewertet Downloads ihrer Bilddatenbank.<\/p>\n<h5>Infografik: Shutterstock Design Trends 2014<\/h5>\n<p>Als einer der weltweit gr\u00f6\u00dften Anbieter f\u00fcr digitales Bildmaterial ist Shutterstock kein Unbekannter und hat sich die aufkommenden und aktuellen weltweiten Designtrends mal genau angesehen<\/p>\n<h5>Google stellt sein Publisher PlugIn f\u00fcr WordPress vor<\/h5>\n<p><strong>Google Publisher PlugIn f\u00fcr WordPress:<\/strong> Das Content Management System (CMS) WordPress ist nicht erst seit gestern in der Publisher-Szene bekannt und beliebt. Es wurde fr\u00fcher ausschlie\u00dflich zum Bloggen verwendet, heutzutage ist WordPress jedoch ein weit verbreitetes System f\u00fcr die Erstellung und Verwaltung von ganzen Internetseiten. Das Unternehmen Google hat nun die Optimierungsaufgaben eines jeden WordPress-Administrators erleichtert, indem es ein Publisher PlugIn f\u00fcr WordPress ver\u00f6ffentlicht hat. <em>Zur Zeit befindet sich das PlugIn noch im Beta-Status.<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2715\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/01\/Google-Publisher-Plugin-WordPress1.jpg\" alt=\"Google Publisher Plugin WordPress\" width=\"800\" height=\"580\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/01\/Google-Publisher-Plugin-WordPress1.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/01\/Google-Publisher-Plugin-WordPress1-300x217.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/01\/Google-Publisher-Plugin-WordPress1-575x416.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h5>Google Publisher PlugIn f\u00fcr WordPress<\/h5>\n<p>Noch ist Google mit dem Fine-Tuning des PlugIns besch\u00e4ftigt und bietet dem Nutzer erst einmal nur den Support f\u00fcr seine beiden Produkte Google Webmaster Tools und Google AdSence an. Leid gepr\u00fcfte WordPress-Administratoren werden trotzdem erleichtert sein, da die Funktionalit\u00e4t von Google AdSence immer umst\u00e4ndlich \u00fcber Drittanbieter eingebunden und konfiguriert werden musste. Ab jetzt k\u00f6nnen zumindest Ads direkt aus Google AdSense eingebunden und platziert werden. Es ist nicht mehr notwendig, m\u00fchsam Schnipsel von HTML Code in die gew\u00fcnschte Webseite einzuf\u00fcgen.<\/p>\n<h5>Die Einbindung von Werbeanzeigen<\/h5>\n<p>Die Einbindung von Werbeanzeigen wird nun selbsterkl\u00e4rend und sch\u00f6n visualisiert. Die Unterst\u00fctzung von Googles Webmaster Tools erm\u00f6glicht eine leichte Verifizierung der eigenen Internetseite. Au\u00dferdem bietet es den Zugriff auf detaillierte Reports direkt aus den Content Management System WordPress heraus. Der Klick- und Surfaufwand wird so wesentlich verringert und ein effizientes Arbeiten erleichtert.<\/p>\n<h5>Der Google Plan<\/h5>\n<p>Man darf gespannt sein, was Google mit seinem Publisher Plugin weiterhin plant. Es wurde langsam wirklich Zeit, die Community von WordPress und die Publisher-Seite mit einem offiziellen Plugin zu unterst\u00fctzen. Das PlugIn soll selbsterkl\u00e4rend funktionieren, da der Standard-Blogger eher wenig technisches Know-How besitzt und kaum Lust hat, das Internet nach Hilfen und L\u00f6sungen zu durchsuchen.<\/p>\n<p><strong>Links zum Artikel<\/strong><br \/>\n<a title=\"Google Publisher PlugIn f\u00fcr WordPress\" href=\"http:\/\/wordpress.org\/plugins\/google-publisher\/\" target=\"_blank\" rel=\"noopener\">Google Publisher PlugIn f\u00fcr WordPress<\/a><br \/>\n<a title=\"Google Publisher Plugin beta: Bringing our publisher products to WordPress\" href=\"http:\/\/adsense.blogspot.ie\/2014\/01\/google-publisher-plugin-beta-bringing.html\" target=\"_blank\" rel=\"noopener\">Google Publisher Plugin beta: Bringing our publisher products to WordPress<\/a><\/p>\n<h5>Facebook Bildgr\u00f6\u00dfen (Infografik)<\/h5>\n<p><strong>In dem sozialen Netzwerk Facebook findest du viele unterschiedliche M\u00f6glichkeiten Fotos, Bilder oder Grafiken zu platzieren wie:<\/strong> Profil-Fotos, Thumbnails f\u00fcr die Facebook-Apps, Timeline-Cover-Fotos, Fotos f\u00fcr geteilte Links, beworbene Fotos usw. F\u00fcr jede dieser Foto-Typen gibt es Empfehlungen bez\u00fcglich Abmessung und Bildgr\u00f6\u00dfe.<\/p>\n<h5>Interessante Infografik der Facebook-Bildgr\u00f6\u00dfen mit einem \u00fcbersichtlichem Leitfaden<\/h5>\n<p>Auf dem Blog von Jon Loomer wurden die verschiedenen Empfehlungen gesammelt und zusammengestellt und in einer \u00fcbersichtlichen Infografik zusammengef\u00fcgt. Unter der Infografik findest du au\u00dferdem noch eine informative Textversion mit den allerwichtigsten Empfehlungen f\u00fcr Bildgr\u00f6\u00dfen.<\/p>\n<h5>7 einfache Facebook-Tipps zur Optimierung von Fotos und Bildern<\/h5>\n<p>1. Halte dich an die von Facebook empfohlenen Angaben. Pixlr und andere Web-Editor helfen beim Vergr\u00f6\u00dfern, Verkleinern und Beschneiden von Fotos.<br \/>\n2. Nimm im Zweifelsfall eher zu gro\u00dfe als zu kleine Fotos.<br \/>\n3. Die optimale Gr\u00f6\u00dfe f\u00fcr Shared Links ist 377 x 197 Pixel sowie f\u00fcr Shared Links 403 x 504 Pixel.<br \/>\n4. Die minimale Gr\u00f6\u00dfe der Cover-Bilder betr\u00e4gt 399 x 315 Pixel. Wenn du auf verzerrte Bilder verzichten m\u00f6chtest, solltest du die Breite deines Bildes auf mindestens 851 x 315 Pixel erweitern.<br \/>\n5. F\u00fcr dein Profilbild solltest du immer ein quadratisches Foto verwenden das gr\u00f6\u00dfer ist als 180 x 180 Pixel.<br \/>\n6. Die Preview-Fotos bei Links werden auch auf das quadratische Format verkleinert. Es ist also hilfreich, auf jeder Internetseite mindestens ein quadratisches Bild bereitzustellen.<br \/>\n7. Ben\u00fctze wenn m\u00f6glich PNG statt JPG. Diese werden sauberer angezeigt!<\/p>\n<p><strong>Weitere n\u00fctzliche Facebook Informationen zur Optimierung von Fotos, Grafiken und Bildern bietet dir die folgende Infografik.<\/strong><\/p>\n<div style=\"clear: both;\"><a href=\"http:\/\/www.jonloomer.com\/2014\/01\/20\/facebook-image-dimensions\/\"><img decoding=\"async\" title=\"All Facebook Image Dimensions: Timeline, Posts, Ads [Infographic]\" src=\"http:\/\/www.jonloomer.com\/wp-content\/uploads\/2014\/01\/facebook-image-dimensions-timeline-newsfeed-posts-ads.png\" alt=\"facebook image dimensions timeline newsfeed posts ads All Facebook Image Dimensions: Timeline, Posts, Ads [Infographic]\" border=\"0\" \/><\/a><\/div>\n<div>Courtesy of: <a href=\"http:\/\/jonloomer.com\">JonLoomer.com<\/a><\/div>\n<h5>Die Evolution des Web: So entstand das Internet<\/h5>\n<p><strong>Die Evolution des Web:<\/strong> Nachdem der Hypertext Transfer Protocol (http) entwickelt wurde, begann die Internet\u00e4ra. Seitdem haben die M\u00f6glichkeiten immer weiter zugenommen. Ein Ph\u00e4nomen, welches sich wohl auch in der Zukunft fortsetzen wird. Doch welche Evolutionsschritte das <a title=\"World Wide Web\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/world-wide-web\">World Wide Web<\/a> dabei zur\u00fcckgelegt hat, wird nun in dieser interaktiven Infografik sichtbar gemacht.<\/p>\n<h5>Die Evolution des Web<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2718\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/02\/Die-Evolution-des-Web1.jpg\" alt=\"Die Evolution des Web\" width=\"800\" height=\"559\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/02\/Die-Evolution-des-Web1.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/02\/Die-Evolution-des-Web1-300x209.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/02\/Die-Evolution-des-Web1-575x401.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><em>\u201eDie Evolution des Web\u201c<\/em>, diese Bezeichnung hat die <strong>interaktive Infografik<\/strong> erhalten, welche die geschichtliche Entwicklung des World Wide Web widerspiegelt. Dabei enth\u00e4lt diese Grafik die unterschiedlichen Technologien und Browser, die im Laufe der Zeit verwendet wurden, wie beispielsweise Mosaic, Google Chrome, HTTP und CSS3.<\/p>\n<h5>Interaktiver R\u00fcckblick der Web-Evolution<\/h5>\n<p>Das Zusammenspiel zwischen den <strong>Webtechnologien und den Browsern<\/strong> wird anhand einer horizontalen Zeitleiste dargestellt. Gleichzeitig widmet sich die zweite Ebene dieser Infografik der stetig wachsenden Zahl an Internetnutzern weltweit sowie dem steigenden Datenverkehr, wobei man mit nur einen Mausklick auf diese Grafikebene wechseln kann. Auf diese Weise wird die rasche Geschwindigkeit, mit der die Entwicklung innerhalb der letzten Jahre stattgefunden hat, auf einem Blick deutlich gemacht. Schlie\u00dflich wurden neue Browser-Versionen oftmals in ziemlich kurzen Zeitabschnitten ver\u00f6ffentlicht, umso die verbesserten Webtechnologien einzubinden und darzustellen.<\/p>\n<p>Somit ist der Entwicklungsr\u00fcckblick des Internets nicht nur unterhaltsam, sondern gleichzeitig ziemlich detailliert und umfangreich. Daher kann man auf <a title=\"Die Evolution des Web\" href=\"http:\/\/www.evolutionoftheweb.com\" target=\"_blank\" rel=\"noopener\">evolutionoftheweb.com<\/a> innerhalb weniger Minuten einiges lernen.<\/p>\n<h5>Mobile Webseite oder besser eine App?<\/h5>\n<p><strong>Ob mobile Webseite oder besser eine App?<\/strong> Immer mehr Nutzer verwenden Tablets oder Smartphones, um sich im Internet zu bewegen. Daher stellt diese Frage f\u00fcr die jeweiligen Unternehmen eine immer wichtigere Entscheidung dar. Schlie\u00dflich verf\u00fcgen beide Varianten \u00fcber Vor- und Nachteile. Aus diesem Grund soll eine Infografik diese Entscheidung erleichtern.<\/p>\n<blockquote><p>Als Basis griff die Agentur MDG auf Ergebnisse verschiedener Marktforscher zur\u00fcck, sodass schlie\u00dflich die Infografik \u201eShould You Build a Mobile App or Mobile Website First?\u201c entstand.<\/p><\/blockquote>\n<h5>Mobile Website gegen App<\/h5>\n<p>In der Regel sind die Apps nicht nur performanter, sondern bieten gleichzeitig viel mehr Interaktionsm\u00f6glichkeiten, Features und sind auf das entsprechende Ger\u00e4t zugeschnitten. Trotzdem m\u00fcssen Apps vorerst installiert werden, um diese M\u00f6glichkeiten nutzen zu k\u00f6nnen. Anders die mobile Website, die jederzeit im Internet zur Verf\u00fcgung steht. Gleichzeitig ist die mobile Webseite oftmals in der Entwicklung deutlich g\u00fcnstiger und ben\u00f6tigt keinen l\u00e4ngeren Freigabeprozess.<\/p>\n<h5>Die Chance \u2013 mobile Webseite und App<\/h5>\n<p>F\u00fcr beinah alle Unternehmen geh\u00f6rt Mobile inzwischen zum guten Ton. Trotzdem wissen viele Firmen nicht, ob sie lieber auf eine <strong>App oder eine mobile Website<\/strong> setzen sollen. Doch dank der Infografik von MDG erhalten diese Unternehmen nun die wichtigsten Daten und Fakten zu den beiden Methoden auf einem Blick und k\u00f6nnen daher leichter die richtige Entscheidung treffen.<\/p>\n<p><a title=\"Should You Build a Mobile App or Mobile Website? [infographic by MDG Advertising]\" href=\"http:\/\/www.mdgadvertising.com\/blog\/should-you-build-a-mobile-app-or-mobile-website-infographic\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" title=\"Should You Build a Mobile App or Mobile Website? [infographic by MDG Advertising]\" src=\"http:\/\/www.mdgadvertising.com\/blog\/wp-content\/uploads\/2013\/06\/should-you-build-a-mobile-app-or-mobile-website.png\" alt=\"Should You Build a Mobile App or Mobile Website? [infographic by MDG Advertising]\" border=\"0\" \/><\/a><\/p>\n<p>Infographic by <a href=\"http:\/\/www.mdgadvertising.com\/\" target=\"_blank\" rel=\"noopener\">MDG Advertising<\/a><\/p>\n<h5>Der Digitale Wirtschaftsblickt 2014<\/h5>\n<p>F\u00fcr das Jahr 2014 erwarten die Unternehmen der digitalen Branche ein weiteres Wachstum bei den Besch\u00e4ftigungszahlen und dem Umsatz. Das erf\u00e4hrt man aus dem aktuellen Artikel <strong>\u201eTrend in Prozent\u201c des Bundesverbands Digitale Wirtschaft<\/strong>. Im Dezember 2013 haben daran \u00fcber 100 Unternehmen aus der digitalen Branche teilgenommen.<\/p>\n<h5>Starkes Wachstum bei der Digitalen Wirtschaft in Deutschland<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2723\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/02\/BVDW-Trend-in-Prozent1.jpg\" alt=\"BVDW Trend in Prozent\" width=\"800\" height=\"529\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/02\/BVDW-Trend-in-Prozent1.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/02\/BVDW-Trend-in-Prozent1-300x198.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/02\/BVDW-Trend-in-Prozent1-575x380.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Ein Umsatzanstieg in diesem Jahr wird von 87 Prozent der Befragten erwartet, nachdem 75 Prozent bereits im Jahr 2013 eine Umsatzsteigerung erreichten. Auch die Zahl der Besch\u00e4ftigten soll sich nach 2013 (60 Prozent) erneut erh\u00f6hen. 68 Prozent der befragten Unternehmen sch\u00e4tzen, dass sich ihre Mitarbeiterzahl im Jahr 2014 erh\u00f6hen werde.<\/p>\n<p>Bei der Frage nach den wichtigsten Themen des neuen Jahres kam das Ergebnis, dass besonders die Sicherheit und der Schutz von Daten (43 Prozent) und das Thema Netzneutralit\u00e4t (61 Prozent) von zentraler Bedeutung f\u00fcr die Branche sein werden. Au\u00dferdem gelten die Themengebiete Mobile Transition, Big Data und Automatisierung des Media-Handels (zum Beispiel beim Real-Time-Advertising) als wichtige Einflussfaktoren in der Digitalen Wirtschaft.<\/p>\n<h5>BVDW Trend in Prozent (TiP)<\/h5>\n<p><em>\u201eTrend in Prozent\u201c<\/em>, die bekannte Umfrage, wird vom Bundesverband Digitale Wirtschaft quartalsweise zu Themen rund um die Digitale Wirtschaft durchgef\u00fchrt. Befragt werden dabei Kenner und Experten der Digitalbranche und BVDW-Mitgliedsunternehmen.<\/p>\n<p><strong>Links zum Artikel<\/strong><\/p>\n<p><a title=\"BVDW Trend in Prozent (TiP): Digitale Wirt-schaft blickt 2014 optimistisch entgegen\" href=\"http:\/\/www.bvdw.org\/medien\/view?media=5459\" target=\"_blank\" rel=\"noopener\">BVDW Trend in Prozent (TiP): Digitale Wirt-schaft blickt 2014 optimistisch entgegen<\/a><br \/>\n<a title=\"BVDW Trend in Prozent (TiP) PDF Download\" href=\"http:\/\/www.bvdw.org\/mybvdw\/media\/download\/bvdw-tip-2013-04-140131.pdf?file=3092\" target=\"_blank\" rel=\"noopener\">BVDW Trend in Prozent (TiP) PDF Download<\/a><\/p>\n<h5>Website Farben (Infografik)<\/h5>\n<p>Die <strong>Website Farben<\/strong> nehmen auf psychologischer Ebene Einfluss auf Gedanken im Gehirn und die weiteren Handlungen.<\/p>\n<p>Umfangreiche und anerkannte Studien belegen, dass nicht nur Ger\u00fcche und T\u00f6ne, sondern insbesondere Farben beim Menschen Verhaltensweisen ausl\u00f6sen und bestimmen. So werden auch Kaufw\u00fcnsche durch Farben positiv beeinflusst. Unabh\u00e4ngig von Geruch und Geschmack bestimmt das Design eines Produktes die Kaufentscheidung und f\u00fchrt zu einem Anreiz, etwas besitzen zu wollen. Die durchgef\u00fchrten Studien ergaben zudem, dass der Mensch innerhalb von nur <strong>90 Sekunden<\/strong> eine Kaufentscheidung auf Basis der Farbe trifft. Die Befragung vieler Menschen best\u00e4tigte diese Aussage.<\/p>\n<h5>\u00c4nderung der Website Farben f\u00fchrt zu einem erh\u00f6hten Umsatz<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2726\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/02\/Website-Farben1.jpg\" alt=\"Website Farben\" width=\"869\" height=\"511\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/02\/Website-Farben1.jpg 869w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/02\/Website-Farben1-300x176.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/02\/Website-Farben1-575x338.jpg 575w\" sizes=\"auto, (max-width: 869px) 100vw, 869px\" \/><\/p>\n<p>Die Beispiele f\u00fcr ver\u00e4nderte Kaufverhalten bei Kunden nach einer \u00c4nderung des Design und insbesondere der Farbgestaltung zeigen deutlich auf, dass Farben einen gro\u00dfen Einfluss auf die Entscheidungsfindung haben. Eine farbliche Umgestaltung deiner Webseite und der pr\u00e4sentierten Produkte kann also zu einem gr\u00f6\u00dferen Interesse an den <em>\u201escheinbar neuen Produkten\u201c<\/em> und damit zu einer Umsatzsteigerung f\u00fchren.<\/p>\n<p>Das Unternehmen Performable \u00e4nderte bei Ihren Call-to-Action-Buttons die Farbe Gr\u00fcn zu Rot und konnte eine Steigerung der Konversionen um 21 Prozent verzeichnen.<\/p>\n<p>Die weltbekannte Firma Heinz, Hersteller von Ketchup, konnte nach der Ver\u00e4nderung der Farbe ihres Ketchups von dem bekannten Rot in ein ungewohntes Gr\u00fcn sogar zehn Millionen Flaschen innerhalb von sieben Monaten absetzen (ich gebe es zu ich war auch ein K\u00e4ufer).<\/p>\n<p>Auch deine Webseite und die angebotenen Produkte k\u00f6nnten ein gr\u00f6\u00dferes Interesse nach einer neuen Design- bzw. Farbgestaltung erfahren.<\/p>\n<h5>Individueller Farbgeschmack bei weiblichem und m\u00e4nnlichen Geschlecht<\/h5>\n<p>In allen Bereichen haben das weibliche und m\u00e4nnliche Geschlecht bestimmte Vorlieben, was sich nat\u00fcrlich auch bei der individuellen Farbwahl bemerkbar macht.<\/p>\n<p>&#8211; Rot, Lila und Gr\u00fcn sind bevorzugte Farbt\u00f6ne von Frauen, die allerdings von Braun-, Orange- und Graut\u00f6nen abgeschreckt werden.<\/p>\n<p>&#8211; Dunklere T\u00f6ne wie Blau, Gr\u00fcn oder Schwarz sind die bevorzugten Farben von M\u00e4nnern, die daf\u00fcr Lila, Braun und Orange eher nicht m\u00f6gen.<\/p>\n<blockquote><p>Die Gestaltung deiner Webseite sollte also je nach angesprochener Zielgruppe in den entsprechenden Farben gestaltet sein.<\/p><\/blockquote>\n<h5>Hier zwei sehr interessante Infografiken<\/h5>\n<p><b>++ Click Image to Enlarge ++<\/b><br \/>\n<a href=\"http:\/\/blog.kissmetrics.com\/how-colors-affect-conversions\/\"><img decoding=\"async\" src=\"http:\/\/blog.kissmetrics.com\/wp-content\/uploads\/2013\/04\/how-colors-affect-conversion-rates-sm.png\" alt=\"How Colors Affect Conversions\" \/><\/a><br \/>\nSource: <a href=\"http:\/\/blog.kissmetrics.com\/how-colors-affect-conversions\/\">How Colors Affect Conversions \u2013 Infographic<\/a><\/p>\n<div style=\"text-align: center;\"><a href=\"http:\/\/www.cooldailyinfographics.com\/images\/infographics\/2013\/08\/the-complete-guide-to-colour-pyschology.jpg\"><img decoding=\"async\" src=\"http:\/\/www.cooldailyinfographics.com\/images\/infographics\/2013\/08\/the-complete-guide-to-colour-pyschology.jpg\" alt=\"The Complete Guide to Colour Psychology\" \/><\/a><br \/>\n<a href=\"http:\/\/www.amara.com\/luxpad\/inspiration\/colour-psychology\/\">The Complete Guide to Colour Psychology<\/a> via <strong><a href=\"http:\/\/www.cooldailyinfographics.com\/\">Cool Daily Infographics<\/a><\/strong><\/div>\n<h5>Mobile Internetnutzer im Jahr 2013<\/h5>\n<p>Die Zahl der <strong>mobilen Internetnutzer ist im Jahr 2013<\/strong> ist um 43 % gestiegen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3040\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/03\/Internetnutzer-im-Jahr-2013.jpg\" alt=\"Internetnutzer im Jahr 2013\" width=\"800\" height=\"538\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/03\/Internetnutzer-im-Jahr-2013.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/03\/Internetnutzer-im-Jahr-2013-300x201.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/03\/Internetnutzer-im-Jahr-2013-575x386.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h5>29,7 Millionen Menschen nutzten im Jahr 2013 mobiles Internet<\/h5>\n<p>51 % der Internetnutzer ab 10 Jahren, also 29,7 Millionen Menschen, haben im Jahr 2013 mobiles Internet in Deutschland benutzt. Ein Jahr vorher waren es erst 20,8 Millionen Menschen bzw. 37 % der Anwender, die das Internet mit mobilen Ger\u00e4ten genutzt haben. Das <a title=\"Statistische Bundesamt (Destatis)\" href=\"https:\/\/www.destatis.de\/DE\/PresseService\/Presse\/Pressemitteilungen\/2014\/03\/PD14_089_63931.html\" target=\"_blank\" rel=\"noopener\">Statistische Bundesamt (Destatis)<\/a> hat mitgeteilt, dass somit die Anzahl der mobilen Internetsurfer im Verlauf eines Jahres um 43 % gestiegen ist.<\/p>\n<p><strong>\u00a9 Quelle und Grafik Statistische Bundesamt (Destatis)<\/strong><\/p>\n<h5>Conversion Rate optimieren (Infografik)<\/h5>\n<p>Wenn es darum geht, die <strong>Conversion Rate der Webseite zu optimieren<\/strong>, helfen Tricks und Tipps, ungeschriebene Gesetzte und \u201eBest Practices\u201c oftmals nicht weiter. Stattdessen werden f\u00fcr den Erfolg andere Gesch\u00fctze ben\u00f6tigt.<\/p>\n<h5>Conversion Rate in 9 Schritten optimieren<\/h5>\n<p>Gerade im Bereich online Marketing lassen sich heute die unterschiedlichsten \u201eBest Practices\u201c, ungeschriebenen Gesetze sowie Tipps und Tricks finden. Jedoch sind alle Produkte, Unternehmen und Kunden in der Regel sehr unterschiedlich. Daher helfen diese Gesetze und Regeln meist nicht weiter, wenn es darum geht, die <em>Conversion Rate<\/em> der Webseite zu verbessern. Daher r\u00e4t die britische Agentur SEOgadget mit ihrer Infografik eher dazu, verschiedene M\u00f6glichkeiten auszutesten.<\/p>\n<h5>Regeln k\u00f6nnen gebrochen werden<\/h5>\n<p>Dass kurze Seiten oftmals leichter zu konvertieren gehen als lange, spielt eigentlich keine Rolle. Schlie\u00dflich kann es vorkommen, dass diese ungeschriebenen Gesetzte auf das eigene Produkt, die eigene Webseite oder auf die eigenen Kunden gar nicht zutrifft. Aus diesem Grund ber\u00fccksichtigt diese Infografik von SEOgadget auch diese Variablen. Somit k\u00f6nnen Webseitenbetreiber, wenn alles nach Plan verl\u00e4uft, ganz individuell ihrer <strong>Conversion Rate<\/strong> optimieren. Ohne dabei auf ungeschriebene Gesetze und Regeln R\u00fccksicht nehmen zu m\u00fcssen.<\/p>\n<p><a href=\"http:\/\/seogadget.com\/conversion-rate-optimisation\/\"><img decoding=\"async\" title=\"The SEOGadget guide to Conversion Rate Optimisation - Infographic\" src=\"http:\/\/seogadget.com\/infographics\/seogadget-cro-630px.jpg\" alt=\"The SEOGadget guide to Conversion Rate Optimisation - Infographic\" width=\"800\" \/><\/a><br \/>\n<a href=\"http:\/\/seogadget.com\/conversion-rate-optimisation\/\">A CRO infographic by seogadget.com<\/a><\/p>\n<h5>Die neuen Domain-Endungen sind da!<\/h5>\n<p>Wie du bestimmt schon geh\u00f6rt oder gelesen hast, sind die neuen <strong>Domain-Endungen<\/strong> da. Die coole Infografik von united domains zeigt dir welchen Nutzen die neuen Top-Level-Domains, wie .shop, .web und .berlin mit sich bringen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2290 size-full\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/04\/Domain-Endungen.jpg\" alt=\"Domain-Endungen\" width=\"700\" height=\"2478\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/04\/Domain-Endungen.jpg 700w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/04\/Domain-Endungen-289x1024.jpg 289w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/04\/Domain-Endungen-575x2035.jpg 575w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>\u00a9 Infografik <a title=\"united domains\" href=\"http:\/\/blog.united-domains.de\/2014\/02\/infografik-auf-zu-neuen-domains\/\" target=\"_blank\" rel=\"noopener\">united domains<\/a><\/p>\n<h5>Der Onlinehandel: Wann shoppen die Europ\u00e4er<\/h5>\n<p>Der <strong>Onlinehandel<\/strong> und zu welchen Tageszeiten die Menschen in Europa online einkaufen.<\/p>\n<p>Der Onlinehandel erm\u00f6glicht es uns, wann wir m\u00f6chten und zu jeder Tageszeit online einzukaufen. Die Frage ist, ob Verbraucher diesen Service auch wirklich ausnutzen oder ob es auch im E-Commerce Sto\u00dfzeiten gibt. Kaufen Verbraucher zu bestimmten Zeiten besonders oft ein? <a title=\"idalo\" href=\"http:\/\/www.idealo.de\/presse\/809-idealo-infografik-zu-welcher-tageszeit-europaeer-online-shoppen.html\" target=\"_blank\" rel=\"noopener\">Idealo<\/a>, das gr\u00f6\u00dfte Preisvergleichsportal in Deutschland, hat festgestellt, dass Verbraucher im Internet vorwiegend in den Abendstunden einkaufen.<\/p>\n<h5>Onlinehandel<\/h5>\n<p>F\u00fcr das vierte Quartal des Jahres 2013 hat das Preisvergleichsportal die Klick-Zahlen seiner Vergleichsseiten in Deutschland, Italien, Gro\u00dfbritannien und Frankreich ausgewertet und verglichen. Die Auswertung zeigt, dass die Einkaufaktivit\u00e4ten der Kunden in den vier L\u00e4ndern w\u00e4hrend des Tages ansteigen. Abends, zwischen 18 und 20 Uhr, erreichen die Aktivit\u00e4ten ihren h\u00f6chsten Wert. Morgens, zwischen drei und f\u00fcnf Uhr, herrscht dagegen ein Tief in allen vier L\u00e4ndern. W\u00e4hrend in Frankreich und Italien eine deutliche Shopping-Flaute zur Mittag- und Abendessenszeit sichtbar ist, wird in Gro\u00dfbritannien und Deutschland auch zu diesen Zeiten munter weiter eingekauft.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-2301 size-full\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/04\/Onlinehandel.jpg\" alt=\"Onlinehandel\" width=\"1000\" height=\"1650\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/04\/Onlinehandel.jpg 1000w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/04\/Onlinehandel-181x300.jpg 181w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/04\/Onlinehandel-620x1024.jpg 620w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/04\/Onlinehandel-575x948.jpg 575w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<h5>Warum sich responsive Webdesign lohnt? (Infografik)<\/h5>\n<p>Hier 5 Gr\u00fcnde als Infografik warum sich <strong>responsive Webdesign<\/strong> lohnt.<\/p>\n<ul>\n<li>Responsives Webdesign wird von Google seit 2012 empfohlen.<\/li>\n<li>Durch die bessere Benutzerfreundlichkeit bleibt die Absprungsrate (Bounce Rate) geringer.<\/li>\n<li>Die Suchmaschinenoptimierung kann optimaler ausgerichtet werden.<\/li>\n<li>Bei einer responsiven Website sind geringere Aktualisierungen und Wartungsaufw\u00e4nde \u00fcber gro\u00dfe Zeitr\u00e4ume notwendig.<\/li>\n<li>Du wirst mehr Besucher erreichen und somit lohnt sich die Investition in eine responsive Website.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-2319 size-full\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/04\/Responsive-Webdesign.jpg\" alt=\"Responsive Webdesign\" width=\"1200\" height=\"7602\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/04\/Responsive-Webdesign.jpg 1200w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/04\/Responsive-Webdesign-575x3642.jpg 575w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p>\u00a9 Grafik und Quelle: <a title=\"visual.ly\" href=\"http:\/\/visual.ly\/top-5-reasons-adopt-responsive-web-design-2014\" target=\"_blank\" rel=\"noopener\">visual.ly<\/a><\/p>\n<h5>Mozilla Firefox 29 Redesign<\/h5>\n<p><strong>Mozilla Firefox 29 Redesign<\/strong>: Am 30. April launchte das Internetunternehmen <em>Mozilla seinen Browser Firefox in der Version 29<\/em>. Der Browser wurde sowohl in Funktionalit\u00e4t als auch im Design v\u00f6llig neu gestaltet und wurde mit Spannung erwartet.<\/p>\n<p><a href=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/05\/Mozilla-Firefox-29-Redesign.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2332\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/05\/Mozilla-Firefox-29-Redesign.jpg\" alt=\"Mozilla Firefox 29\" width=\"1303\" height=\"978\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/05\/Mozilla-Firefox-29-Redesign.jpg 1303w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/05\/Mozilla-Firefox-29-Redesign-300x225.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/05\/Mozilla-Firefox-29-Redesign-1024x768.jpg 1024w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/05\/Mozilla-Firefox-29-Redesign-1200x900.jpg 1200w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/05\/Mozilla-Firefox-29-Redesign-575x431.jpg 575w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/05\/Mozilla-Firefox-29-Redesign-600x450.jpg 600w\" sizes=\"auto, (max-width: 1303px) 100vw, 1303px\" \/><\/a><\/p>\n<h5>Mozilla Firefox 29<\/h5>\n<p>Senior Experience <a title=\"Designer Jennifer Morrow\" href=\"http:\/\/www.donotlick.com\/firefox-and-flux-a-new-beautiful-browser-is-coming\/\" target=\"_blank\" rel=\"noopener\">Designer Jennifer Morrow<\/a>, die bei Mozilla arbeitet, hat in ihrem Blog geschrieben, dass gute Produkte durch schrittweise Ausbesserung geschaffen werden k\u00f6nnen. Die gro\u00dfartigen Produkte ben\u00f6tigen dagegen hin und wieder eine General\u00fcberholung. In ihrem Blogeintrag hat Jennifer Morrow au\u00dferdem einen \u00dcberblick \u00fcber die neuen Funktionen des general\u00fcberholten Internetbrowsers gegeben und die Highlights \u00fcbersichtlich zusammengefasst.<\/p>\n<h5>Main Interface von Firefox<\/h5>\n<p>Das Main Interface von Firefox wurde sehr vereinfacht. Zuvor hatte das Unternehmen Mozilla sogenannte <a title=\"Heat Map Studies\" href=\"https:\/\/blog.mozilla.org\/ux\/2012\/06\/firefox-heatmap-study-2012-results-are-in\/\" target=\"_blank\" rel=\"noopener\">Heat Map Studies<\/a> veranlasst. Diese Studien geben dar\u00fcber Aufschluss, welche Funktionen des Programms am meisten genutzt werden. Die Lesezeichen bzw. Bookmarks sind eine sehr h\u00e4ufig verwendete Funktion. Sie befinden sich nun an einer besseren Position neben der Suchfunktion. Ein weiteres Men\u00fc ist von dort gut erreichbar, von wo aus weitere wichtige Funktionen wie der Verlauf, der Full-Screen-Mode, die Einstellungen und Privates Surfen direkt anw\u00e4hlbar sind. Das ewige W\u00fchlen in den Men\u00fcs ist somit zu Ende.<\/p>\n<h5>Ver\u00e4nderung des Browser<\/h5>\n<p>Es gibt eine weitere Ver\u00e4nderung des Browser in Hinblick auf Design und Funktion. Der Browser konnte bis jetzt ausnahmslos mit Addon erweitert werden und war insgesamt schwierig an die eigenen Bed\u00fcrfnisse anzupassen. Es war immer erst m\u00f6glich nach der Installation eines Addons festzustellen, ob die neuen Funktionen den Browser verbessern oder verschlechtern. Zuk\u00fcnftig k\u00f6nnen die Erweiterungen per drag and drop hinzugef\u00fcgt werden. Zusammengefasst wird das Design von Firefox deutlich einfacher und schlanker. Wer m\u00f6chte, kann den Browser allerdings bis ins kleinste Detail an die eigenen W\u00fcnsche und Bed\u00fcrfnisse anpassen. <a title=\"Stephen Horlander\" href=\"http:\/\/blog.stephenhorlander.com\/2011\/09\/design-status-update-20110821-%E2%80%93-20110903\/\" target=\"_blank\" rel=\"noopener\">Stephen Horlander<\/a>, Visual Designer bei Mozilla, gibt in seinem interessanten Blog einige Einblicke in weitere Neuerungen und Details des Browsers.<\/p>\n<p><strong>Link zum Artikel Mozilla Firefox 29<\/strong>:<br \/>\nBrowser-Test: <a title=\"Internet Explorer, Chrome oder Firefox \u2013 wer \u00fcberzeugt?\" href=\"http:\/\/www.computerbild.de\/artikel\/cb-Tests-Software-Internet-Browser-Test-2162430.html\" target=\"_blank\" rel=\"noopener\">Internet Explorer, Chrome oder Firefox \u2013 wer \u00fcberzeugt?<\/a><\/p>\n<h5>WordPress bekommt 160 Mio. Dollar<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2354\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/05\/WordPress.jpg\" alt=\"WordPress\" width=\"800\" height=\"535\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/05\/WordPress.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/05\/WordPress-300x200.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/05\/WordPress-575x384.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><strong>WordPress hat sich 160 Mio. Dollar frisches Geld von Investoren gesichert.<\/strong><\/p>\n<p>Es sei die erste Finanzierungsgrundlage seit 2008, betonte der Gr\u00fcnder und Chef der Betreiberfirma <a title=\"Automattic\" href=\"http:\/\/automattic.com\/\" target=\"_blank\" rel=\"noopener\">Automattic<\/a>, Matt Mullenweg.<\/p>\n<h2>WordPress 1,16 Mrd. Dollar wert<\/h2>\n<p>Das Unternehmen sei dabei insgesamt mit 1,16 Mrd. Dollar bewertet worden, berichtetet das Technologieblog <a title=\"Recode\" href=\"http:\/\/recode.net\/2014\/05\/05\/wordpress-parent-automattic-has-raised-160-million-now-valued-at-1-16-billion-post-money\/\" target=\"_blank\" rel=\"noopener\">\u201eRecode\u201c<\/a> Automattic stehe zwar finanziell gut da, habe aber eingesehen, dass die Firma mehr Geld f\u00fcr schnelleres Wachstum von WordPress und anderen Produkteninvestieren k\u00f6nne, schrieb <a title=\"Mullenweg\" href=\"http:\/\/ma.tt\/\" target=\"_blank\" rel=\"noopener\">Mullenweg<\/a>.<\/p>\n<p><strong>Da k\u00f6nnen wir alle gespannt sein was in Zukunft passiert.<\/strong><\/p>\n<p><a title=\"Quelle ARD Videotext\" href=\"http:\/\/www.ard-text.de\/index.php?page=\" target=\"_blank\" rel=\"noopener\">Quelle ARD Videotext<\/a><\/p>\n<h5>So viel verdienen Twitter, Google, Facebook und Co.<\/h5>\n<p>Dass Tech-Unternehmen wie <strong>Amazon, Google, Facebook, Apple, Samsung und Co.<\/strong> sehr viel Geld verdienen, ist jedem bekannt. Um wieviel Geld es sich genau handelt, das k\u00f6nnen sich wahrscheinlich nur die wenigsten vorstellen. Damit man sich diese unglaublich hohen Zahlen vor Augen f\u00fchren kann, hat <a title=\"WorldPay Zinc\" href=\"https:\/\/www.worldpayzinc.com\/sites\/default\/files\/campaigns\/tech-wealth\/index.html\" target=\"_blank\" rel=\"noopener\">WorldPay Zinc eine Webseite umgesetzt<\/a>, die zeigt, wie viel Geld tats\u00e4chlich in die Taschen dieser Unternehmen flie\u00dft.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2362\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/05\/Twitter-Google-Facebook-.jpg\" alt=\"So viel verdienen Twitter, Google, Facebook und Co\" width=\"800\" height=\"593\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/05\/Twitter-Google-Facebook-.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/05\/Twitter-Google-Facebook--300x222.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/05\/Twitter-Google-Facebook--575x426.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h5>Daten aus dem Finanzjahr 2013<\/h5>\n<p><strong>WorldPay Zinc<\/strong> hat, anhand von Daten aus dem <strong>Finanzjahr 2013<\/strong>, eine interaktive Infografik erstellt. Die einzelnen Unternehmen sind, vor einem schwarzem Hintergrund, in Form verschiedener gro\u00dfer Kreise dargestellt. Dabei ist die Gr\u00f6\u00dfe abh\u00e4ngig von Profit und Umsatz. Der Nutzer der Seite kann einstellen, was er angezeigt sehen m\u00f6chte: Umsatz, Profit oder beides gleichzeitig. Ein Timer prangt gut sichtbar am oberen Rand der Website und zeigt auf die Sekunde genau an, wie lange man sich bereits auf der Website befindet.<\/p>\n<h5>WorldPay Zinc<\/h5>\n<p>\u201eSince you\u2019ve landed on this page, these companys have made\u2026\u201c verk\u00fcndet WorldPay Zinc auf der Seite. Und tats\u00e4chlich steigen die Umsatzzahlen von Sekunde zu Sekunde an. Die Umsatzzahlen findet man innerhalb der kreisf\u00f6rmig gestalteten Unternehmen. Nach einer Minute verzeichnet Twitter bereits 1,280$, Google 115.150$ und Facebook 15.152$ Umsatz.<\/p>\n<blockquote><p>Um einen schnellen Einblick \u00fcber die Finanzlage der Tech-Unternehmen zu bekommen, lohnt sich ein Besuch der \u00fcbersichtlich gestalteten Webseite auf jeden Fall.<\/p><\/blockquote>\n<h5>Krit<\/h5>\n<p>Die Feedback-Plattform <strong>Krit<\/strong> m\u00f6chte sich als neue Plattform f\u00fcr Projekte aus der Designbranche vorstellen. Dort k\u00f6nnen Designer ihre Arbeiten pr\u00e4sentieren und anderen Nutzern mit Ratschl\u00e4gen helfen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2375\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/05\/Krit.jpg\" alt=\"Krit\" width=\"800\" height=\"509\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/05\/Krit.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/05\/Krit-300x190.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/05\/Krit-575x365.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h5>Die Feedback-Plattform Krit setzt auf hilfreiche Kritik<\/h5>\n<p>Es gibt inzwischen viele Webseiten, auf denen Designer ihre Projekte vorstellen und sich mit ihren Kollegen austauschen k\u00f6nnen. Drei amerikanische Studenten sind allerdings der Ansicht, dass es den bisherigen Plattformen an wirklich konstruktiver Kritik fehlt. Es man z. B. viel Spa\u00df, die Startseite von <a title=\"Dribbble\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/dribbble-das-kreative-social-network\">Dribbble <\/a>anzuschauen, eine richtig kritische Auseinandersetzung mit den Arbeiten findet dort allerdings meistens nicht statt. Die amerikanischen Studenten planen daher eine eigene Plattform, die genau dieses Problem beheben soll.<\/p>\n<h5>Krit: Feedback-Plattform f\u00fcr Webdesigner<\/h5>\n<p>Die Studenten haben ihrer Plattform den <em>Namen Krit<\/em> gegeben. Auf dieser Plattform k\u00f6nnen Designer und Grafiker ihre Arbeiten und Projekte anderen Nutzern pr\u00e4sentieren. Das Ziel der Plattform ist ein kritischer Austausch zwischen den Nutzern. Werden Elemente als unangebracht bewertet, k\u00f6nnen andere Nutzer ihre Kommentare dazu abgeben. Auf diese Weise entsteht ein kritischer Austausch zwischen den Nutzern, von dem jeder profitieren wird.<\/p>\n<h5>Feedback-Plattform Krit<\/h5>\n<p>Durch eine \u00fcbersichtliche Benutzeroberfl\u00e4che m\u00f6chte die <a title=\"Krit\" href=\"http:\/\/krit.it\/\" target=\"_blank\" rel=\"noopener\">Feedback-Plattform Krit<\/a> bei den Nutzern punkten. Der Mittelpunkt der Seite liegt dabei auf den pr\u00e4sentierten Arbeiten und Projekten. Die Entwickler von Krit haben ein kleines Video erstellt, das du dir anschauen kannst. Richtige Hinweise zu der Webseite findest du dort allerdings nicht.<\/p>\n\n<div data-mode=\"normal\" data-provider=\"vimeo\" id=\"arve-vimeo-83805987\" style=\"max-width:800px;\" class=\"arve alignleft\">\n\t<div class=\"arve-inner\">\n\t\t<div class=\"arve-embed arve-embed--has-aspect-ratio\">\n\t\t\t<div class=\"arve-ar\" style=\"padding-top:56.250000%\"><\/div>\n\t\t\t <div class=\"brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles\" data-borlabs-cookie-content-blocker-id=\"vimeo-content-blocker\" data-borlabs-cookie-content=\"PGlmcmFtZSBhbGxvdz0iYWNjZWxlcm9tZXRlciAmYXBvcztub25lJmFwb3M7O2F1dG9wbGF5ICZhcG9zO25vbmUmYXBvczs7Ymx1ZXRvb3RoICZhcG9zO25vbmUmYXBvczs7YnJvd3NpbmctdG9waWNzICZhcG9zO25vbmUmYXBvczs7Y2FtZXJhICZhcG9zO25vbmUmYXBvczs7Y2xpcGJvYXJkLXJlYWQgJmFwb3M7bm9uZSZhcG9zOztjbGlwYm9hcmQtd3JpdGU7ZGlzcGxheS1jYXB0dXJlICZhcG9zO25vbmUmYXBvczs7ZW5jcnlwdGVkLW1lZGlhICZhcG9zO25vbmUmYXBvczs7Z2FtZXBhZCAmYXBvcztub25lJmFwb3M7O2dlb2xvY2F0aW9uICZhcG9zO25vbmUmYXBvczs7Z3lyb3Njb3BlICZhcG9zO25vbmUmYXBvczs7aGlkICZhcG9zO25vbmUmYXBvczs7aWRlbnRpdHktY3JlZGVudGlhbHMtZ2V0ICZhcG9zO25vbmUmYXBvczs7aWRsZS1kZXRlY3Rpb24gJmFwb3M7bm9uZSZhcG9zOztrZXlib2FyZC1tYXAgJmFwb3M7bm9uZSZhcG9zOztsb2NhbC1mb250czttYWduZXRvbWV0ZXIgJmFwb3M7bm9uZSZhcG9zOzttaWNyb3Bob25lICZhcG9zO25vbmUmYXBvczs7bWlkaSAmYXBvcztub25lJmFwb3M7O290cC1jcmVkZW50aWFscyAmYXBvcztub25lJmFwb3M7O3BheW1lbnQgJmFwb3M7bm9uZSZhcG9zOztwaWN0dXJlLWluLXBpY3R1cmU7cHVibGlja2V5LWNyZWRlbnRpYWxzLWNyZWF0ZSAmYXBvcztub25lJmFwb3M7O3B1YmxpY2tleS1jcmVkZW50aWFscy1nZXQgJmFwb3M7bm9uZSZhcG9zOztzY3JlZW4td2FrZS1sb2NrICZhcG9zO25vbmUmYXBvczs7c2VyaWFsICZhcG9zO25vbmUmYXBvczs7c3VtbWFyaXplciAmYXBvcztub25lJmFwb3M7O3N5bmMteGhyO3VzYiAmYXBvcztub25lJmFwb3M7O3dlYi1zaGFyZTt3aW5kb3ctbWFuYWdlbWVudCAmYXBvcztub25lJmFwb3M7O3hyLXNwYXRpYWwtdHJhY2tpbmcgJmFwb3M7bm9uZSZhcG9zOzsiIGFsbG93ZnVsbHNjcmVlbj0iIiBjbGFzcz0iYXJ2ZS1pZnJhbWUgZml0dmlkc2lnbm9yZSIgY3JlZGVudGlhbGxlc3MgZGF0YS1hcnZlPSJhcnZlLXZpbWVvLTgzODA1OTg3IiBkYXRhLWxlbmlzLXByZXZlbnQ9IiIgZGF0YS1zcmMtbm8tYXA9Imh0dHBzOi8vcGxheWVyLnZpbWVvLmNvbS92aWRlby84MzgwNTk4Nz9odG1sNT0xJmFtcDt0aXRsZT0wJmFtcDtieWxpbmU9MCZhbXA7cG9ydHJhaXQ9MCZhbXA7YXV0b3BsYXk9MCIgZnJhbWVib3JkZXI9IjAiIGhlaWdodD0iNDUwIiBsb2FkaW5nPSJsYXp5IiBuYW1lPSIiIHJlZmVycmVycG9saWN5PSJzdHJpY3Qtb3JpZ2luLXdoZW4tY3Jvc3Mtb3JpZ2luIiBzYW5kYm94PSJhbGxvdy1zY3JpcHRzIGFsbG93LXNhbWUtb3JpZ2luIGFsbG93LXByZXNlbnRhdGlvbiBhbGxvdy1wb3B1cHMgYWxsb3ctcG9wdXBzLXRvLWVzY2FwZS1zYW5kYm94IGFsbG93LWZvcm1zIiBzY3JvbGxpbmc9Im5vIiBzcmM9Imh0dHBzOi8vcGxheWVyLnZpbWVvLmNvbS92aWRlby84MzgwNTk4Nz9odG1sNT0xJiMwMzg7dGl0bGU9MCYjMDM4O2J5bGluZT0wJiMwMzg7cG9ydHJhaXQ9MCYjMDM4O2F1dG9wbGF5PTAiIHRpdGxlPSIiIHdpZHRoPSI4MDAiPjwvaWZyYW1lPg==\"><div class=\"brlbs-cmpnt-cb-preset-c brlbs-cmpnt-cb-vimeo\"> <div class=\"brlbs-cmpnt-cb-thumbnail\" style=\"background-image: url('https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/borlabs-cookie\/1\/vimeo_83805987.jpg')\"><\/div> <div class=\"brlbs-cmpnt-cb-main\"> <div class=\"brlbs-cmpnt-cb-play-button\"><\/div> <div class=\"brlbs-cmpnt-cb-content\"> <p class=\"brlbs-cmpnt-cb-description\">Sie sehen gerade einen Platzhalterinhalt von <strong>Vimeo<\/strong>. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfl\u00e4che unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.<\/p> <a class=\"brlbs-cmpnt-cb-provider-toggle\" href=\"#\" data-borlabs-cookie-show-provider-information role=\"button\">Mehr Informationen<\/a> <\/div> <div class=\"brlbs-cmpnt-cb-buttons\"> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-unblock role=\"button\">Inhalt entsperren<\/a> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-accept-service role=\"button\" style=\"display: inherit\">Erforderlichen Service akzeptieren und Inhalte entsperren<\/a> <\/div> <\/div> <\/div><\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\n\t<\/div>\n\t\n\t\n\t<script type=\"application\/ld+json\">{\"@context\":\"http:\\\/\\\/schema.org\\\/\",\"@id\":\"https:\\\/\\\/wolkenhart.com\\\/webdesignblog\\\/alte-blog-artikel#arve-vimeo-83805987\",\"type\":\"VideoObject\",\"embedURL\":\"https:\\\/\\\/player.vimeo.com\\\/video\\\/83805987?html5=1&title=0&byline=0&portrait=0&autoplay=0\"}<\/script>\n\t\n<\/div>\n<p>Die Ziele, die die Feedback-Plattform verfolgt, klingen sehr interessant, doch noch m\u00fcssen sich die Designer und Grafiker etwas gedulden. Bis jetzt gibt es noch keinen Starttermin f\u00fcr die Plattform. Wenn du m\u00f6chtest, kannst du auf der Webseite von Krit deine E-Mail-Adresse hinterlassen, um beim Start informiert zu werden. Es bleibt abzuwarten, ob Krit wirklich bedeutende Diskussionen anregen wird. Nicht nur die Ziele der Entwickler sind hier entscheidend, sondern vor allem die Mitarbeit der Community.<\/p>\n<h5>Fazit:<\/h5>\n<p>Man wird sehen, ob die <strong>Feedback-Plattform Krit<\/strong> wirklich eine kritik-freudige und gro\u00dfe Nutzerzahl anziehen wird.<\/p>\n<h5>Websites deutscher Industrieunternehmen auf dem Pr\u00fcfstand<\/h5>\n<h5>Der Branchenreport Industrie 2014<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2383\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/06\/Branchenreport-Industrie-2014.jpg\" alt=\"Branchenreport Industrie 2014\" width=\"800\" height=\"950\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/06\/Branchenreport-Industrie-2014.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/06\/Branchenreport-Industrie-2014-252x300.jpg 252w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/06\/Branchenreport-Industrie-2014-575x682.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Internetseiten von 120 f\u00fchrenden Unternehmen wurden im <strong>Branchenreport<\/strong> von <a title=\"Pintus\" href=\"http:\/\/www.pinuts.de\/\" target=\"_blank\" rel=\"noopener\">Pinuts.de<\/a> untersucht. Zu den Unternehmen geh\u00f6ren Maschinenbauer, Vertreter der Automatisierungsbranche und Automobilzulieferer. Gepr\u00fcft und untersucht wurden die aktive Kundenbindung, z. B. \u00fcber Social Media, die technischen Grundlagen und gestalterische Elemente (Responsive Design).<\/p>\n<p><strong>Dich erwarten unter anderem:<\/strong><\/p>\n<h5>Fachwissen zu den aktuellen Trends und die Umsetzung<\/h5>\n<p>Effektives Social Media, Responsive Design und andere moderne und interessante Themen werden im Branchenreport erkl\u00e4rt und mit anschaulichen Beispielen aus der Industrie verkn\u00fcpft.<\/p>\n<h5>Verst\u00e4ndliche Tipps zur Optimierung der eigenen Internetseite<\/h5>\n<p>Damit du einfach und schnell einen Mehrwert f\u00fcr dein Unternehmen gewinnen kannst, erh\u00e4ltst du am Ende jedes Kapitels hilfreiche Tipps zur Optimierung deiner Webseite.<\/p>\n<h5>Von den Experten der Branche lernen<\/h5>\n<p>Die Analyse der f\u00fchrenden Unternehmen zeigt dir, wie erfolgreiches Online-Marketing aussehen kann. Viele Strategien kannst du f\u00fcr deine eigene Seite nutzen.<\/p>\n<h5>Fazit<\/h5>\n<blockquote><p>Ich finde das der Branchenreport Industrie 2014 Pintus.de sehr gelungen ist. Ein Blick lohnt sich.<\/p><\/blockquote>\n<p><strong>Link zum Artikel<\/strong><br \/>\n<a title=\"Branchenreport Industrie 2014\" href=\"http:\/\/www.pinuts.de\/branchenreport\/\" target=\"_blank\" rel=\"noopener\">Zum Branchenreport Industrie 2014 geht es hier&#8230;<\/a><br \/>\n<a title=\"Download\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/06\/Branchenreport_Industrie_2014.pdf\" target=\"_blank\" rel=\"noopener\">Branchenreport Industrie 2014 PDF Download hier&#8230;<\/a><\/p>\n<h5>Online-Shops und was auf eine Landingpages geh\u00f6rt<\/h5>\n<p>Die neue <a title=\"Infografik von ConversionBoosting\" href=\"http:\/\/conversionboosting.com\/research\/best-practice\/infografik-was-gehoert-auf-landingpages-von-online-shops\/\" target=\"_blank\" rel=\"noopener\">Infografik von ConversionBoosting<\/a> zeigt, welche Elemente von Online-Shops auf eine <strong>Landingpages<\/strong> geh\u00f6ren. ConversionBoosting beantworten auch die Frage, ob eine Shop-Seite als Landingpage genutzt werden sollte oder ob es besser ist eine spezielle Landingpage zu erstellen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-2460 size-full\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/06\/was-gehoert-auf-shop-landingpages_1100.png\" alt=\"Landingpages\" width=\"1100\" height=\"3052\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/06\/was-gehoert-auf-shop-landingpages_1100.png 1100w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/06\/was-gehoert-auf-shop-landingpages_1100-108x300.png 108w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/06\/was-gehoert-auf-shop-landingpages_1100-369x1024.png 369w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/06\/was-gehoert-auf-shop-landingpages_1100-575x1595.png 575w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\" \/><\/p>\n<h5>Google My Business<\/h5>\n<p>Der neue und kostenlose Google-Dienst <strong>\u201eGoogle My Business\u201c<\/strong> geht an den Start. Mit dem Dienst k\u00f6nnen Firmen und Unternehmen ihren Google-Webauftritt ab sofort bequem und plattform\u00fcbergreifend aufbauen und pflegen.<\/p>\n<h5>Google My Business \u2013 Plattform\u00fcbergreifende und bequeme Pflege f\u00fcr das eigene Unternehmen<\/h5>\n<p>Unternehmen k\u00f6nnen ab sofort die wichtigsten Dienste von Google quer und zentral \u00fcber alle Plattformen hinweg mit Informationen versorgen. Einmal ver\u00e4ndert oder eingetragen bei Google My Business, erscheinen Angaben von den unterschiedlichsten Unternehmen dann automatisch bei Google+, in der normalen Google-Suche und bei Google-Maps.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2466\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/06\/Google-My-Business.jpg\" alt=\"Google My Business\" width=\"800\" height=\"654\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/06\/Google-My-Business.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/06\/Google-My-Business-300x245.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/06\/Google-My-Business-575x470.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><br \/>\nPflege dein Unternehmen mit <a title=\"Google My Business\" href=\"https:\/\/www.google.com\/business\/?gmbsrc=us-en-et-pr-z-gmb-s-214-h~gyb|launch|u&amp;ppsrc=GMBRY&amp;utm_campaign=us-en-et-pr-z-gmb-s-214-h~gyb|launch|u&amp;utm_source=gmb&amp;utm_medium=et\" target=\"_blank\" rel=\"noopener\">Google My Business<\/a>. (Quelle: Google)<\/p>\n<h5>Mit Google My Business den Unternehmens-Auftritt bequem verwalten<\/h5>\n<p>Der Suchmaschinenkonzern selbst empfiehlt Unternehmen seinen neuen Dienst. Mit My Business soll es, so Google, einfacher sein, von Kunden gefunden zu werden. Ger\u00e4teunabh\u00e4ngige Ansichten und andere Informationen k\u00f6nnen von Kunden eher wahrgenommen und angesprochen werden. Erweitert wird <strong>Google My Business<\/strong> au\u00dferdem mit Statistiken zum Sozialen Netzwerk Google+. Auch Fotos und Updates k\u00f6nnen auf der eigenen Unternehmens-Seite auf Google+ geteilt werden.<\/p>\n<p><em>Google My Business<\/em> kann kostenlos genutzt werden. Im Gegensatz zu anderen Google-Diensten wie dem in Google+ integrierten Dashboard oder Google Places ist es m\u00f6glich, die Informationen relativ bequem verwalten zu k\u00f6nnen. Bestehende Konten wurden automatisch auf My Business umgestellt.<\/p>\n<h5>Android-App schon verf\u00fcgbar, iOS folgt<\/h5>\n<p>Google hat zeitlich f\u00fcr My Business eine Android-App f\u00fcr Tablets und Smartphones ver\u00f6ffentlicht. Die App bietet Unternehmen beispielsweise die M\u00f6glichkeit, Standorte zu bearbeiten, ihre \u00d6ffnungszeiten zu ver\u00f6ffentlichen oder Inhalte mit ihren Kunden zu teilen. Die Statistiken zu Google+ k\u00f6nnen problemlos auch mobil angesehen werden. Die App f\u00fcr iOS wird in K\u00fcrze folgen.<\/p>\n<h5>Google Domains &#8211; Googles neuer Domain Hosting-Dienst<\/h5>\n<p>Seit kurzem hostet Google jetzt auch Domains. Googles neuer Dienst <strong>Googles Domains<\/strong> setzt dabei auf Benutzerfreundlichkeit und Einfachheit. Zur Zeit ist der Dienst allerdings nur als Beta-Version erh\u00e4ltlich.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2474\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/06\/Google-Domains.jpg\" alt=\"Google Domains\" width=\"800\" height=\"654\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/06\/Google-Domains.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/06\/Google-Domains-300x245.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/06\/Google-Domains-575x470.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h5>Sehr anwenderfreundlich<\/h5>\n<p>Laut dem Internetriesen Google besitzen 55% der kleinen Unternehmen keine eigene Webseite. <em>Googles Domains<\/em> soll diese Unternehmen nun auf Google aufmerksam machen und abfangen. Google achtet bei seinem Domain-Dienst besonders darauf, auch unerfahrene Nutzer anzusprechen und setzt auf hohe Anwenderfreundlichkeit. Zur Zeit gibt es nur eine Beta-Version von Google Domains, der offizielle Start wurde noch nicht bekannt gegeben.<\/p>\n<h5>Kostenlose E-Mail-Adressen und Sub-Domains<\/h5>\n<p>Mit dem Google Dienst k\u00f6nnen Domains registriert, gekauft und verwaltet werden. Au\u00dferdem kann der User seine Domain einfach von einem anderen Hoster zu Google \u00fcbertragen. Jede registrierte Internetadresse erh\u00e4lt 100 kostenlose E-Mail-Adressen und Sub-Domains. Die Kosten f\u00fcr Google Domains sollen 12 US$ im Jahr betragen. Falls du noch keine eigene Webseite hast, kannst du diese \u00fcber einen der Partner von Google Squarespace, Weebly oder Shopify noch zusammenbauen.<\/p>\n<h5>Die Einladungscodes<\/h5>\n<p>Um Domains bei <a title=\"Google Domains \" href=\"https:\/\/domains.google.com\/about\/\" target=\"_blank\" rel=\"noopener\">Google Domains Beta<\/a> zu bekommen, ben\u00f6tigst du zur Zeit einen Einladungscode. Diesen kannst du einfach auf der Google Domains Website anfordern. Dazu musst du im Suchfeld einfach nur deinen gew\u00fcnschten Domainnamen eintragen und den Code daf\u00fcr anfordern.<\/p>\n<h5>Die Konkurrenz-Anbieter<\/h5>\n<p>Google macht mit <strong>Google Domains<\/strong> dem amerikanischen Marktf\u00fchrer GoDaddy Konkurrenz. Auch in Deutschland trifft Google auf bekannte Mitbewerber wie Strato und 1&amp;1. Vor einiger Zeit erhielt Google schon negative Kritik wegen seines schlechten Kundenservices. Es wird interessant zu sehen, ob im Internet ein gro\u00dfer Name ausreicht, um auf dem umk\u00e4mpften Hosting Markt Fu\u00df zu fassen.<\/p>\n<h5>Berlins sch\u00f6nstes und kostenloses WordPress Theme<\/h5>\n<p>Hallo Freunde der Nacht. Mein guter Freund und Kumpel Chris Hortsch spendiert euch und allen die es m\u00f6gen <strong>Berlins sch\u00f6nstes kostenloses Retro WordPress Theme namens &#8222;Retrolin\u201c.<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2922\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/Kostenloses-WordPress-Theme.jpg\" alt=\"Kostenloses WordPress Theme\" width=\"800\" height=\"654\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/Kostenloses-WordPress-Theme.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/Kostenloses-WordPress-Theme-300x245.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/Kostenloses-WordPress-Theme-575x470.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h5>Kostenloses WordPress Theme Retrolin<\/h5>\n<p><strong>Retrolin ist 100% kostenlos und auch f\u00fcr den kommerziellen Einsatz nutzbar!<\/strong> Retrolin besticht durch ein simples und cleanes Design ohne viel Schnickschnack, daf\u00fcr Full Responsive und inklusive Sample und Bildmaterial.<\/p>\n<h5>Chris Hortsch<\/h5>\n<p>Chris Hortsch konzipiert, designt und entwickelt seit mittlerweile 10 Jahren Websites und andere digitale Werbema\u00dfnahmen. Seit einigen Jahren ist er nun auch als <a title=\"Webdesigner in Berlin\" href=\"http:\/\/www.chris-hortsch.de\" target=\"_blank\" rel=\"noopener\">Webdesigner in Berlin<\/a> T\u00e4tig. Zudem reist er gerne durch die Welt und besticht durch langes Schlafen. Chris und ich kennen uns seid mittlerweile \u00fcber 6 Jahren und tauschen uns regelm\u00e4\u00dfig \u00fcber die Themen Webdesign, WordPress und unsere Projekte aus.<\/p>\n<h5>Fazit<\/h5>\n<p>Ich pers\u00f6nlich finde Retrolin sehr gelungen, richtig gut und f\u00fcr ein kostenlos <a title=\"WordPress Theme Programmierung\" href=\"http:\/\/wolkenhart.com\/wordpress-theme-programmierung\">WordPress Theme<\/a> echt genial! Schaut es euch an und postet hier eure Meinung.<\/p>\n<p><strong>Link zum Artikel<\/strong><br \/>\n<a title=\"Retrolin Download\" href=\"http:\/\/www.chris-hortsch.de\/wordpress-template-berlin-kostenlos\/\" target=\"_blank\" rel=\"noopener\">Retrolin Download hier&#8230;<\/a><\/p>\n<h5>Google Suchergebnisse l\u00f6schen<\/h5>\n<p><strong>Google Suchergebnisse l\u00f6schen:<\/strong> Nach dem Urteil des Europ\u00e4ischen Gerichtshofs hat Google mit der technischen Umsetzung begonnen. Google hat <a title=\"Google Suchergebnisse l\u00f6schen\" href=\"https:\/\/support.google.com\/legal\/contact\/lr_eudpa?product=websearch&amp;hl=de\" target=\"_blank\" rel=\"noopener\">ein Formular ins Internet<\/a> gestellt, mit dem EU-B\u00fcrger k\u00fcnftig die L\u00f6schung ihrer Daten aus den Suchergebnissen beantragen k\u00f6nnen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2945\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/Google-Daten-loeschen.jpg\" alt=\"Google Daten l\u00f6schen\" width=\"800\" height=\"474\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/Google-Daten-loeschen.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/Google-Daten-loeschen-300x177.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/Google-Daten-loeschen-575x340.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h5>Google Suchergebnisse l\u00f6schen &#8211; so einfach geht&#8217;s<\/h5>\n<p>Mit der Bereitstellung des Formulars hat Google auf ein <a title=\"Urteil des Europ\u00e4ischen Gerichtshofs\" href=\"http:\/\/curia.europa.eu\/jcms\/upload\/docs\/application\/pdf\/2014-05\/cp140070de.pdf\" target=\"_blank\" rel=\"noopener\">Urteil des Europ\u00e4ischen Gerichtshofs<\/a> reagiert. Das Urteil besagt, dass <strong>B\u00fcrger der EU<\/strong> unter bestimmten Voraussetzungen das Recht haben, im Netz vergessen zu werden. Im Klartext bedeutet das, dass Dienste wie Google gegen den Datenschutz und Pers\u00f6nlichkeitsrechte versto\u00dfende Links und personenbezogene Daten l\u00f6schen m\u00fcssen. Die Daten, die sich auf der originalen Seite befinden, bleiben allerdings erhalten. Google tritt hier nur als Vermittler auf und hat keinerlei Einfluss auf die Inhalte einer anderen Webseite.<\/p>\n<h5>Google<\/h5>\n<p>In einer Mitteilung von Google hei\u00dft es, dass jeder Antrag individuell gepr\u00fcft wird. Au\u00dferdem soll zwischen dem Recht der \u00d6ffentlichkeit auf Auskunft und Informationsweitergabe und den Datenschutzrechten des Einzelnen genau abgew\u00e4gt werden. Google m\u00f6chte in Zukunft auch mit Datenschutzbeh\u00f6rden und &#8222;anderen Stellen&#8220; zusammenarbeiten. So sollen die Ma\u00dfnahmen ausgeweitet und die Mechanismen verbessert werden.<\/p>\n<p><strong>Link zu Artikel<\/strong><br \/>\n<a title=\"Google Suchergebnisse l\u00f6schen - so einfach geht's\" href=\"https:\/\/support.google.com\/legal\/contact\/lr_eudpa?product=websearch&amp;hl=de\" target=\"_blank\" rel=\"noopener\">Hier kannst du die L\u00f6schung deiner Daten bei Google beantragen\u2026<\/a><\/p>\n<h5>10 Gebote der Typografie (Infografik)<\/h5>\n<p><strong>Typografie ist eine Kunst<\/strong> und ist abh\u00e4ngig von der richtigen Gestaltung und Auswahl. Dabei sind allerdings einige Regeln zu beachten, die in der Infografik aufgelistet werden.<\/p>\n<p>Es ist nicht immer leicht, die richtige Typografie auszuw\u00e4hlen. Daf\u00fcr braucht man einiges an Talent und Erfahrung. Es ist gar nicht so einfach herauszufinden, wie die Gestaltung der Schriftarten und die Auswahl ein passendes Gesamtbild ergeben k\u00f6nnen.<\/p>\n<h5>Regeln der Typografie<\/h5>\n<p>Typografie ist eine Kunst und Experimente sollten hier erlaubt sein. Um nicht zu viel Zeit in ein Projekt zu stecken, sollte man allerdings einige Regeln im Hinterkopf behalten. Der Designer Evan Brown hat deshalb eine Infografik als kleine Hilfestellung erstellt und auf DesignMantic ver\u00f6ffentlicht. Man versteht sie auch als die <strong>10 Gebote der Typografie<\/strong>. Evan Brown schreibt unter anderem, dass man \u201esehr \u00e4hnliche Schriftarten nicht vermischen sollte\u201c (4. Gebot) und dass \u201eKontrast der Schl\u00fcssel\u201c (5. Gebot) ist.<\/p>\n<h5>Typografie-Neuling oder Profi<\/h5>\n<p>Ob du ein Typografie-Neuling oder ein erfahrener Profis bist, die Infografik hilft dir dabei, die <strong>berufsbedingten Probleme <\/strong>zu verhindern.<\/p>\n<p>Und was meinst du? Bist du mit den Typografie-Regeln einverstanden?<\/p>\n<p><a href=\"http:\/\/www.designmantic.com\/blog\/infographics\/ten-commandments-of-typography\/\"><img decoding=\"async\" title=\"[INFOGRAPHIC]: The 10 Commandments of Typography\" src=\"http:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2014\/04\/font-infography.jpg\" alt=\"[INFOGRAPHIC]: The 10 Commandments of Typography\" \/><\/a><br \/>\nCourtesy of: <a href=\"http:\/\/www.designmantic.com\/\">Designmantic.com<\/a><\/p>\n<h5>&#8222;Card&#8220; &#8211; Das animierte Kreditkarten-Formular f\u00fcr Onlinshop-Betreiber<\/h5>\n<p><strong>So schick kann Bezahlung im Internet heute sein:<\/strong> <a title=\"Onlineshop Agentur\" href=\"http:\/\/wolkenhart.com\/onlineshop-agentur\">Onlineshops<\/a> bekommen mit der Bibliothek \u201eCard\u201c ein schickes und praktisches, sowie animiertes HTML- und CSS-Kreditkarten-Formular. So kann die Eingabe der Kreditkartendaten direkt Spa\u00df machen.<\/p>\n<h5>Das animierte HTML- und CSS-Kreditkarten-Formular \u201eCard\u201c<\/h5>\n<p>Beim Shoppen im Internet ist die Eingabe ewig langer Kreditkarten-Nummern sicher nicht der angenehmste und spannendste Teil. Auch durch die Verwendung von IBAN sind die Zahlenkolonnen immer komplizierter und un\u00fcbersichtlicher geworden. F\u00fcr viele Leute ist das Eingeben der Daten abschreckend und sehr m\u00fchselig geworden, da genau aufgepasst werden muss, dass die Zahlen wirklich \u00fcbereinstimmen. Die Bibliothek \u201eCard\u201c soll die Eingabe der Kreditkarten-Daten wesentlich vereinfachen und durch Animationen und Karten \u00fcbersichtlicher machen.<\/p>\n<p>Zum Einsatz kommen bei \u201eCard\u201c nur Javascript, HTML und CSS, Bilder werden bei der Bibliothek nicht verwendet. Das Kreditkarten-Formular \u201eCard\u201c wurde von Jesse Pollak entwickelt und es ist wirklich kein besonders aufwendig codiertes Programm. Doch daf\u00fcr ist es bei der Eingabe von Daten sehr wirkungsvoll. W\u00fcnschenswert w\u00e4re es, wenn man in n\u00e4chster Zeit die Zahlen-Eingabe direkt auf der Kreditkarte zulassen w\u00fcrde.<\/p>\n<h5>Die Bibliothek \u201eCard\u201c auf Github<\/h5>\n<p>Auf der Webseite <a title=\"Github\" href=\"https:\/\/github.com\/jessepollak\/card\" target=\"_blank\" rel=\"noopener\">Github<\/a> gibt es eine kleine und \u00fcbersichtliche Anleitung zu \u201eCard\u201c. Hier wird dir die Einbindung in einen Onlineshop oder in ein Kreditkarten-Formular genau erkl\u00e4rt:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2977\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/Animiertes-Kreditkarten-Formular.jpg\" alt=\"Animiertes Kreditkarten-Formular\" width=\"768\" height=\"568\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/Animiertes-Kreditkarten-Formular.jpg 768w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/Animiertes-Kreditkarten-Formular-300x221.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/Animiertes-Kreditkarten-Formular-575x425.jpg 575w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/p>\n<p>So funktioniert die Mini-Bibliothek Card &#8211; Der Weg zu einem animierten Kreditkarten-Formular. (Screenshot: Github)<\/p>\n<h5>Hier siehst du die Animation in Aktion:<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2979\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/card.gif\" alt=\"card\" width=\"406\" height=\"386\" \/><\/p>\n<p><strong>Animiertes Kreditkarten-Formular:<\/strong> So funktioniert &#8222;Card&#8220;. (Screenshot: Jesse Pollak)<\/p>\n<h5>rebeccapurple &#8211; Der Tod eines Kindes ber\u00fchrt die Szene der Webentwickler<\/h5>\n<p><strong>rebeccapurple<\/strong> &#8211; Der Tod von Rebecca Alison Meyer, der sechsj\u00e4hrigen Tochter des Buchautors und CSS-Experten Eric Meyer, hat die ganze Webentwicklerszene ber\u00fchrt. Zum Gedenken an das kleine M\u00e4dchen hat die CSS Arbeitsgemeinschaft nun <em>eine Farbe nach Rebecca<\/em> benannt.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3010\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/rebeccapurple.png\" alt=\"rebeccapurple\" width=\"800\" height=\"600\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/rebeccapurple.png 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/rebeccapurple-300x225.png 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/rebeccapurple-575x431.png 575w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/rebeccapurple-600x450.png 600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h5>rebeccapurple<\/h5>\n<p>Viele Webentwicklern d\u00fcrften den Namen <a title=\"Eric A. Meyer\" href=\"http:\/\/meyerweb.com\/\" target=\"_blank\" rel=\"noopener\">Eric A. Meyer<\/a> vor allem durch seine Artikel und B\u00fccher zum Thema Cascading-Style-Sheets (CSS) kennen. Er gilt im Netz als Vork\u00e4mpfer f\u00fcr offene Web-Standards. Nun verlor das Ehepaar Meyer am siebten Juni 2014 seine Tochter Rebecca. Das M\u00e4dchen erlag nach Monaten der Behandlung einem b\u00f6sartigen Hirntumor. Eric Meyer hatte \u00fcber das Schicksal der Familie und den schrecklichen Krankheitsverlauf in seinem Blog geschrieben.<\/p>\n<h5>Die Szene der Webentwickler gedenkt einem kleinen M\u00e4dchen<\/h5>\n<p>Im sozialen Netz entstand daraufhin eine Kampagne, um der Familie die Anteilnahme am tragischen Tod ihres Kindes zu zeigen. Das Ziel der Kampagne: Rebeccas Lieblingsfarbe sollte Teil des <a title=\"CSS-Color-Modules Level 4\" href=\"http:\/\/dev.w3.org\/csswg\/css-color\/#valuedef-rebeccapurple\" target=\"_blank\" rel=\"noopener\">CSS-Color-Modules Level 4<\/a> werden. Zus\u00e4tzlich zu den hexadezimalen Werten f\u00fcr die unterschiedlichen Farbt\u00f6ne gibt es 140 Farben mit vorgeschriebenen Namen. 17 der Farben, wie beispielsweise \u201efuchsia\u201c und \u201eblue\u201c wurden von HTML \u00fcbernommen, die anderen stammen zum gr\u00f6\u00dften Teil aus dem X11-Farbsystem.<\/p>\n<h5>Die Geburt der Farbe #663399<\/h5>\n<p>Die 141. Farbe mit einem festgelegten Namen sollte, so die Gr\u00fcnder der Kampagne, \u201ebeccapurple\u201c hei\u00dfen. Es war die Lieblingsfarbe von Rebecca Meyer. Eric Meyer zeigte sich in einem Blog-Artikel sehr ger\u00fchrt, bestand jedoch auf einer kleinen \u00c4nderung. Nur kurze Zeit vor ihrem sechsten und letzten Geburtstag erkl\u00e4rte Rebecca ihren Eltern, dass sie bald sechs und somit schon gro\u00df sei. Daher w\u00fcrde sie in Zukunft ihren vollen Namen anstatt des \u201eBabynamens\u201c Becca bevorzugen.<\/p>\n<h5>Rebecca Alison Meyer<\/h5>\n<p>Beim W3C wurde gegen den Vorschlag der <a title=\"CSS-Arbeitsgruppe\" href=\"http:\/\/lists.w3.org\/Archives\/Public\/www-style\/2014Jun\/0316.html\" target=\"_blank\" rel=\"noopener\">CSS-Arbeitsgruppe<\/a> kein Widerspruch eingelegt. Da auch die gro\u00dfen Browserhersteller Google, Microsoft, Mozilla und Apple das ungew\u00f6hnliche Vorhaben unterst\u00fctzt haben, ist <strong>rebeccapurple (#663399)<\/strong> jetzt eine ganz offizielle Farbe. F\u00fcr Eric und seine Frau Kathryn wird die Festlegung des Namens kaum tr\u00f6stlich sein. Trotzdem wird daran die \u00fcberw\u00e4ltigende Anteilnahme am Schicksal der Familie Meyer verdeutlicht. Rebecca Alison Meyer wird f\u00fcr immer ein Teil der Spezifikationen sein, die das Internet zum Leben erwecken.<\/p>\n<h5>Liveshare PS &#8211; kostenloses Plugin f\u00fcr Meetings in Photoshop<\/h5>\n<p>Das kostenlose <strong>Photoshop Plugin LiveShare PS<\/strong> l\u00e4sst Meeting-Teilnehmer erfolgreich zusammenarbeiten.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3021\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/Liveshare-PS.jpg\" alt=\"Liveshare PS\" width=\"800\" height=\"509\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/Liveshare-PS.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/Liveshare-PS-300x190.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/Liveshare-PS-575x365.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Designer benutzen h\u00e4ufig Software wie Skype oder Face Time und sogar E-Mails, um laufende Photoshop-Projekte abzustimmen. Dabei mangelt es allerdings den normalen (Video-)Chat-Programmen an den n\u00f6tigen Funktionen, um produktiv zusammenzuarbeiten. Auf diese Weise entstehen Verbindungs-Probleme, Missverst\u00e4ndnisse und mangelhafte Bildqualit\u00e4t.<\/p>\n<h5>LiveShare PS Produktivit\u00e4t ohne Qualit\u00e4tsverlust<\/h5>\n<p>Wer die <strong>Adobe Photoshop CC 2014<\/strong> nutzt, kann seine Video-Gespr\u00e4che k\u00fcnftig mit dem kostenlosen Plugin <a title=\"LiveShare PS\" href=\"http:\/\/www.invisionapp.com\/new-features\/24\/liveshare-ps-real-time-design-meetings-inside-photoshop\" target=\"_blank\" rel=\"noopener\">LiveShare PS<\/a> erfolgreicher gestalten. Das Plugin wird einfach aus der Photoshop Benutzeroberfl\u00e4che gestartet. Mit einem Mausklick k\u00f6nnen nun Chats, Meetings und Konferenzen organisiert werden. Das Plugin wurde vom Anwendungsentwickler <strong>InVision<\/strong> programmiert. W\u00e4hrend der Entwicklung haben sie eng mit den Entwicklern von Photoshop zusammen gearbeitet.<\/p>\n<h5>Im live Meeting direktes Feedback<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3025\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/Photoshop-Plugin.png\" alt=\"Photoshop-Plugin\" width=\"800\" height=\"565\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/Photoshop-Plugin.png 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/Photoshop-Plugin-300x211.png 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/Photoshop-Plugin-575x406.png 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Das Plugin LiveShare PS bildet die gesamte Photoshop Arbeitsfl\u00e4che live im Meeting ab. So k\u00f6nnen alle Teilnehmer die m\u00f6glichen Design-\u00c4nderungen direkt nachvollziehen. Die Qualit\u00e4t des Entwurfs bleibt dabei vollst\u00e4ndig erhalten.<\/p>\n<p>Die sogenannte Collaboration-Funktion weist jedem Konferenz-Teilnehmer einen Mauszeiger mit seinem Namen zu. So k\u00f6nnen beispielsweise Kommentare abgegeben, Anmerkungen gemacht oder \u00c4nderungen am Design skizziert werden. Der Designer erh\u00e4lt so eine direkte R\u00fcckmeldung und kann sofort \u00c4nderungen vornehmen. Es gibt au\u00dferdem ein Whiteboard f\u00fcr Brainstorming und diverse Chat- und Video-Call-Funktionen.<\/p>\n<p>Sollte es zu Synchronisationsproblemen kommen, kann ein Screenshot der Arbeitsoberfl\u00e4che aufgenommen werden. Dieser wird dann per Kurz-URL direkt in die Konferenz \u00fcbertragen.<\/p>\n<h5>Mobile Preview<\/h5>\n<p>Die Designs k\u00f6nnen mit einem Klick passend f\u00fcr die mobile Anwendung (72 dpi) skaliert und per Kurznachricht direkt ans Smartphone gesendet werden. So erh\u00e4lt man eine Vorschau in der mobilen Ansicht.<\/p>\n<p>Das Plugin <em>LiveShare PS<\/em> kann kostenlos verwendet werden, es ist allerdings eine Registrierung erforderlich. Daf\u00fcr musst du dich jedoch nur mit einer g\u00fcltigen Email-Adresse anmelden. Zur Zeit ist das Plugin nur mit <strong>Photoshop CC f\u00fcr Mac-OS<\/strong> kompatibel. In einiger Zeit werden sicher auch die anderen Anwendungen von Adobe CC dazukommen.<\/p>\n<p>Hier findest du den <strong>Download<\/strong> von <a title=\"LiveShare PS Download\" href=\"http:\/\/www.invisionapp.com\/lsps-download\" target=\"_blank\" rel=\"noopener\">LiveShare PS&#8230;<\/a><\/p>\n\n<div data-mode=\"normal\" data-provider=\"vimeo\" id=\"arve-vimeo-92800995\" style=\"max-width:800px;\" class=\"arve alignleft\">\n\t<div class=\"arve-inner\">\n\t\t<div class=\"arve-embed arve-embed--has-aspect-ratio\">\n\t\t\t<div class=\"arve-ar\" style=\"padding-top:56.250000%\"><\/div>\n\t\t\t <div class=\"brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles\" data-borlabs-cookie-content-blocker-id=\"vimeo-content-blocker\" data-borlabs-cookie-content=\"PGlmcmFtZSBhbGxvdz0iYWNjZWxlcm9tZXRlciAmYXBvcztub25lJmFwb3M7O2F1dG9wbGF5ICZhcG9zO25vbmUmYXBvczs7Ymx1ZXRvb3RoICZhcG9zO25vbmUmYXBvczs7YnJvd3NpbmctdG9waWNzICZhcG9zO25vbmUmYXBvczs7Y2FtZXJhICZhcG9zO25vbmUmYXBvczs7Y2xpcGJvYXJkLXJlYWQgJmFwb3M7bm9uZSZhcG9zOztjbGlwYm9hcmQtd3JpdGU7ZGlzcGxheS1jYXB0dXJlICZhcG9zO25vbmUmYXBvczs7ZW5jcnlwdGVkLW1lZGlhICZhcG9zO25vbmUmYXBvczs7Z2FtZXBhZCAmYXBvcztub25lJmFwb3M7O2dlb2xvY2F0aW9uICZhcG9zO25vbmUmYXBvczs7Z3lyb3Njb3BlICZhcG9zO25vbmUmYXBvczs7aGlkICZhcG9zO25vbmUmYXBvczs7aWRlbnRpdHktY3JlZGVudGlhbHMtZ2V0ICZhcG9zO25vbmUmYXBvczs7aWRsZS1kZXRlY3Rpb24gJmFwb3M7bm9uZSZhcG9zOztrZXlib2FyZC1tYXAgJmFwb3M7bm9uZSZhcG9zOztsb2NhbC1mb250czttYWduZXRvbWV0ZXIgJmFwb3M7bm9uZSZhcG9zOzttaWNyb3Bob25lICZhcG9zO25vbmUmYXBvczs7bWlkaSAmYXBvcztub25lJmFwb3M7O290cC1jcmVkZW50aWFscyAmYXBvcztub25lJmFwb3M7O3BheW1lbnQgJmFwb3M7bm9uZSZhcG9zOztwaWN0dXJlLWluLXBpY3R1cmU7cHVibGlja2V5LWNyZWRlbnRpYWxzLWNyZWF0ZSAmYXBvcztub25lJmFwb3M7O3B1YmxpY2tleS1jcmVkZW50aWFscy1nZXQgJmFwb3M7bm9uZSZhcG9zOztzY3JlZW4td2FrZS1sb2NrICZhcG9zO25vbmUmYXBvczs7c2VyaWFsICZhcG9zO25vbmUmYXBvczs7c3VtbWFyaXplciAmYXBvcztub25lJmFwb3M7O3N5bmMteGhyO3VzYiAmYXBvcztub25lJmFwb3M7O3dlYi1zaGFyZTt3aW5kb3ctbWFuYWdlbWVudCAmYXBvcztub25lJmFwb3M7O3hyLXNwYXRpYWwtdHJhY2tpbmcgJmFwb3M7bm9uZSZhcG9zOzsiIGFsbG93ZnVsbHNjcmVlbj0iIiBjbGFzcz0iYXJ2ZS1pZnJhbWUgZml0dmlkc2lnbm9yZSIgY3JlZGVudGlhbGxlc3MgZGF0YS1hcnZlPSJhcnZlLXZpbWVvLTkyODAwOTk1IiBkYXRhLWxlbmlzLXByZXZlbnQ9IiIgZGF0YS1zcmMtbm8tYXA9Imh0dHBzOi8vcGxheWVyLnZpbWVvLmNvbS92aWRlby85MjgwMDk5NT9odG1sNT0xJmFtcDt0aXRsZT0wJmFtcDtieWxpbmU9MCZhbXA7cG9ydHJhaXQ9MCZhbXA7YXV0b3BsYXk9MCIgZnJhbWVib3JkZXI9IjAiIGhlaWdodD0iNDUwIiBsb2FkaW5nPSJsYXp5IiBuYW1lPSIiIHJlZmVycmVycG9saWN5PSJzdHJpY3Qtb3JpZ2luLXdoZW4tY3Jvc3Mtb3JpZ2luIiBzYW5kYm94PSJhbGxvdy1zY3JpcHRzIGFsbG93LXNhbWUtb3JpZ2luIGFsbG93LXByZXNlbnRhdGlvbiBhbGxvdy1wb3B1cHMgYWxsb3ctcG9wdXBzLXRvLWVzY2FwZS1zYW5kYm94IGFsbG93LWZvcm1zIiBzY3JvbGxpbmc9Im5vIiBzcmM9Imh0dHBzOi8vcGxheWVyLnZpbWVvLmNvbS92aWRlby85MjgwMDk5NT9odG1sNT0xJiMwMzg7dGl0bGU9MCYjMDM4O2J5bGluZT0wJiMwMzg7cG9ydHJhaXQ9MCYjMDM4O2F1dG9wbGF5PTAiIHRpdGxlPSIiIHdpZHRoPSI4MDAiPjwvaWZyYW1lPg==\"><div class=\"brlbs-cmpnt-cb-preset-c brlbs-cmpnt-cb-vimeo\"> <div class=\"brlbs-cmpnt-cb-thumbnail\" style=\"background-image: url('https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/borlabs-cookie\/1\/vimeo_92800995.jpg')\"><\/div> <div class=\"brlbs-cmpnt-cb-main\"> <div class=\"brlbs-cmpnt-cb-play-button\"><\/div> <div class=\"brlbs-cmpnt-cb-content\"> <p class=\"brlbs-cmpnt-cb-description\">Sie sehen gerade einen Platzhalterinhalt von <strong>Vimeo<\/strong>. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfl\u00e4che unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.<\/p> <a class=\"brlbs-cmpnt-cb-provider-toggle\" href=\"#\" data-borlabs-cookie-show-provider-information role=\"button\">Mehr Informationen<\/a> <\/div> <div class=\"brlbs-cmpnt-cb-buttons\"> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-unblock role=\"button\">Inhalt entsperren<\/a> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-accept-service role=\"button\" style=\"display: inherit\">Erforderlichen Service akzeptieren und Inhalte entsperren<\/a> <\/div> <\/div> <\/div><\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\n\t<\/div>\n\t\n\t\n\t<script type=\"application\/ld+json\">{\"@context\":\"http:\\\/\\\/schema.org\\\/\",\"@id\":\"https:\\\/\\\/wolkenhart.com\\\/webdesignblog\\\/alte-blog-artikel#arve-vimeo-92800995\",\"type\":\"VideoObject\",\"embedURL\":\"https:\\\/\\\/player.vimeo.com\\\/video\\\/92800995?html5=1&title=0&byline=0&portrait=0&autoplay=0\"}<\/script>\n\t\n<\/div>\n<h5>Bootstrap\/386 &#8211; Das Bootstrap Theme im klassischen Look<\/h5>\n<p>Retro-Fans und IT-Leute kommen mit dem neuen Theme <strong>\u201eBootstrap\/386\u201c<\/strong> ganz sicher auf ihre Kosten. Webseiten sehen damit aus wie die klassischen User-Interfaces der 80er- und 90er-Jahre.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3034\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/Bootstrap386.jpg\" alt=\"Bootstrap386\" width=\"800\" height=\"509\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/Bootstrap386.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/Bootstrap386-300x190.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/07\/Bootstrap386-575x365.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h5>Bootstrap\/386<\/h5>\n<p>Es gab eine Zeit, als Computer noch nicht \u00fcber mehrere Gigabyte an Grafikspeicher und Gigahertz Taktfrequenz verf\u00fcgten. Damals konnten auch noch keine 16 Millionen Farben dargestellt werden. In den 80er- und 90er-Jahren sahen viele User-Interfaces noch sehr \u00e4hnlich aus. Graue Schrift, blauer Hintergrund und die Bedienung funktionierte ausschlie\u00dflich mit der Tastatur. Einfache Schlagschatten f\u00fcr Popups waren so ziemlich das einzige, was man an optischen Leckerbissen kannte. Das neue Theme f\u00fcr Twitters Web-Framework <a title=\"Bootstrap\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0\">Bootstrap<\/a> bringt jetzt den Look von damals zur\u00fcck.<\/p>\n<h5>Das umfangreiche und liebevolle Bootstrap Theme<\/h5>\n<p>Wer das Theme namens <em>\u201eBootstrap\/386\u201c<\/em> nicht ernst nicht, wird dem Projekt nicht gerecht. Es steckt einfach zu viel Arbeit in der liebevollen Rekonstruktion klassischer PC-Interfaces. Das Theme \u201eBootstrap\/386\u201c wurde komplett umgesetzt und kann alle Bootstrap Inhaltstypen authentisch darstellen, inklusive Formularen, Dropdowns, Listen oder Navbars. Zur Zeit ist das Theme nur f\u00fcr Bootstrap Version 2 verf\u00fcgbar. F\u00fcr die neuste Bootstrap Generation v3 befindet sich jedoch eine Variante in der Entwicklung.<\/p>\n<h5>Viel Liebe zum Detail &#8211; Stilechte Fonts und Animationen<\/h5>\n<p>Sogar der zeilenweise Bildaufbau alter Computer wurde mit JavaScript nachgebaut. So flackert der Cursor bei Aufbau jeder Seite erst mal langsam \u00fcber das Bild. Gleichzeitig beh\u00e4lt das Theme nach wie vor die responsiven Funktionen von Twitters Bootstrap bei. Es wurden sogar passende Fonts integriert. Wenn du einmal in Erinnerungen schwelgen m\u00f6chtest und das Theme live im Einsatz sehen willst, kannst du das auf der Projektseite tun. Die vollst\u00e4ndige Bootstrap Hauptseite ist dort in den <a title=\"Bootstrap\/386\" href=\"http:\/\/kristopolous.github.io\/BOOTSTRA.386\/\" target=\"_blank\" rel=\"noopener\">Retro-Look Bootstrap\/386<\/a> getaucht.<\/p>\n<h5>Das Internet in Echtzeit (Infografik)<\/h5>\n<p>Die Datenmengen des Internets kann man sich kaum vorstellen. Seit einiger Zeit h\u00f6rt man nun den Begriff <strong>Big Data<\/strong> immer wieder. Letztes Jahr wurde der Begriff sogar zum Motto der CeBIT.<\/p>\n<p><a href=\"http:\/\/pennystocks.la\/internet-in-real-time\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/08\/The-Internet-in-Real-Time.jpg\" alt=\"\" width=\"800\" height=\"539\" border=\"0\" \/><\/a><br \/>\n<span style=\"font-size: 12px;\">Click the image to open the interactive version (via <a href=\"http:\/\/pennystocks.la\/\">http:\/\/pennystocks.la\/<\/a>).<\/span><\/p>\n<h5>Big Data<\/h5>\n<p>Doch was Big Data wirklich bedeutet wissen die wenigsten Leute. Dabei bezeichnet Big Data einfach nur die gro\u00dfen Datenmengen, die im Internet und durch die Nutzung der digitalen Technologien entstehen. Jeden Tag vergr\u00f6\u00dfert sich die Menge an gespeicherten Daten rasant. F\u00fcr viele Unternehmen ist der sichere und zielgerichtete Umgang mit Big Data inzwischen eine echte Herausforderung.<\/p>\n<h5>Daten in Echtzeit<\/h5>\n<p>Auch die Internetbenutzer teilen st\u00e4ndig Daten miteinander, sie posten, liken, sharen und kommentieren. Die Infografik zeigt dir die Entstehung der Daten in <strong>Echtzeit (pro Sekunden)<\/strong> auf den Plattformen wie Twitter, Facebook und YouTube.<\/p>\n<p><strong>Wenn du dir die Grafik genau ansiehst, kriegst du ein Gef\u00fchl daf\u00fcr, was gerade im Internet passiert.<\/strong><\/p>\n<p><strong>Link zum Artikel<\/strong><br \/>\n<a title=\"Das Internet in Echtzeit\" href=\"http:\/\/pennystocks.la\/internet-in-real-time\/\" target=\"_blank\" rel=\"noopener\">Das Internet in Echtzeit hier&#8230;<\/a><\/p>\n<h5>Webdesigner und die unm\u00f6glichen Tricks der Kunden<\/h5>\n<p>Einige Webdesigner, die als selbstst\u00e4ndige und Freelancer arbeiten, kennen dieses Problem bestimmt. Es gibt Kunden, die w\u00e4hrend eines Projekts immer wieder <strong>unentgeltliche Extraleistungen<\/strong> erwarten. Wieder andere tun so, als w\u00e4ren ihre schlecht bezahlten Auftr\u00e4ge lediglich Test-Projekte, nach denen gr\u00f6\u00dfere Auftr\u00e4ge folgen w\u00fcrden. Nicht selten bleiben diese angeblichen Folgeauftr\u00e4ge dann aber aus.<\/p>\n<p>Es gibt wirklich Kunden, f\u00fcr die kostenloser Service sowie Mehrarbeit eine v\u00f6llige Selbstverst\u00e4ndlichkeit darstellten, die sie auch gerne auf unm\u00f6gliche Art und Weise einfordern.<\/p>\n<h5>Freche Kundenforderungen<\/h5>\n<p>Wie w\u00fcrde ein Friseur, Restaurantbesitzer oder Mitarbeiter einer Videothek wohl auf solche <strong>frechen Kundenforderungen<\/strong> reagieren? Dieses YouTube-Video mit dem Titel \u201eWebdesign Kunden im Allt\u00e4glichen Leben\u201c \u00fcbertr\u00e4gt diese respektlosen Forderungen auf andere Branchen und zeigt so auf <strong>humorvolle Art<\/strong>, mit was f\u00fcr krassen Situationen sich einige Webdesigner und Freelancer so rumschlagen m\u00fcssen.<\/p>\n<p><strong>Habt ihr solche Erfahrungen auch schon gemacht?<\/strong><\/p>\n\n<div data-mode=\"normal\" data-provider=\"youtube\" id=\"arve-youtube-ji3df7-kftw\" style=\"max-width:800px;\" class=\"arve alignleft\">\n\t<div class=\"arve-inner\">\n\t\t<div class=\"arve-embed arve-embed--has-aspect-ratio\">\n\t\t\t<div class=\"arve-ar\" style=\"padding-top:56.250000%\"><\/div>\n\t\t\t <div class=\"brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles\" data-borlabs-cookie-content-blocker-id=\"youtube-content-blocker\" data-borlabs-cookie-content=\"PGlmcmFtZSBhbGxvdz0iYWNjZWxlcm9tZXRlciAmYXBvcztub25lJmFwb3M7O2F1dG9wbGF5ICZhcG9zO25vbmUmYXBvczs7Ymx1ZXRvb3RoICZhcG9zO25vbmUmYXBvczs7YnJvd3NpbmctdG9waWNzICZhcG9zO25vbmUmYXBvczs7Y2FtZXJhICZhcG9zO25vbmUmYXBvczs7Y2xpcGJvYXJkLXJlYWQgJmFwb3M7bm9uZSZhcG9zOztjbGlwYm9hcmQtd3JpdGU7ZGlzcGxheS1jYXB0dXJlICZhcG9zO25vbmUmYXBvczs7ZW5jcnlwdGVkLW1lZGlhICZhcG9zO25vbmUmYXBvczs7Z2FtZXBhZCAmYXBvcztub25lJmFwb3M7O2dlb2xvY2F0aW9uICZhcG9zO25vbmUmYXBvczs7Z3lyb3Njb3BlICZhcG9zO25vbmUmYXBvczs7aGlkICZhcG9zO25vbmUmYXBvczs7aWRlbnRpdHktY3JlZGVudGlhbHMtZ2V0ICZhcG9zO25vbmUmYXBvczs7aWRsZS1kZXRlY3Rpb24gJmFwb3M7bm9uZSZhcG9zOztrZXlib2FyZC1tYXAgJmFwb3M7bm9uZSZhcG9zOztsb2NhbC1mb250czttYWduZXRvbWV0ZXIgJmFwb3M7bm9uZSZhcG9zOzttaWNyb3Bob25lICZhcG9zO25vbmUmYXBvczs7bWlkaSAmYXBvcztub25lJmFwb3M7O290cC1jcmVkZW50aWFscyAmYXBvcztub25lJmFwb3M7O3BheW1lbnQgJmFwb3M7bm9uZSZhcG9zOztwaWN0dXJlLWluLXBpY3R1cmU7cHVibGlja2V5LWNyZWRlbnRpYWxzLWNyZWF0ZSAmYXBvcztub25lJmFwb3M7O3B1YmxpY2tleS1jcmVkZW50aWFscy1nZXQgJmFwb3M7bm9uZSZhcG9zOztzY3JlZW4td2FrZS1sb2NrICZhcG9zO25vbmUmYXBvczs7c2VyaWFsICZhcG9zO25vbmUmYXBvczs7c3VtbWFyaXplciAmYXBvcztub25lJmFwb3M7O3N5bmMteGhyO3VzYiAmYXBvcztub25lJmFwb3M7O3dlYi1zaGFyZTt3aW5kb3ctbWFuYWdlbWVudCAmYXBvcztub25lJmFwb3M7O3hyLXNwYXRpYWwtdHJhY2tpbmcgJmFwb3M7bm9uZSZhcG9zOzsiIGFsbG93ZnVsbHNjcmVlbj0iIiBjbGFzcz0iYXJ2ZS1pZnJhbWUgZml0dmlkc2lnbm9yZSIgY3JlZGVudGlhbGxlc3MgZGF0YS1hcnZlPSJhcnZlLXlvdXR1YmUtamkzZGY3LWtmdHciIGRhdGEtbGVuaXMtcHJldmVudD0iIiBkYXRhLXNyYy1uby1hcD0iaHR0cHM6Ly93d3cueW91dHViZS1ub2Nvb2tpZS5jb20vZW1iZWQvSkkzRGY3LUtGdHc\/aXZfbG9hZF9wb2xpY3k9MyZhbXA7bW9kZXN0YnJhbmRpbmc9MSZhbXA7cmVsPTAmYW1wO2F1dG9oaWRlPTEmYW1wO3BsYXlzaW5saW5lPTAmYW1wO2F1dG9wbGF5PTAiIGZyYW1lYm9yZGVyPSIwIiBoZWlnaHQ9IjQ1MCIgbG9hZGluZz0ibGF6eSIgbmFtZT0iIiByZWZlcnJlcnBvbGljeT0ic3RyaWN0LW9yaWdpbi13aGVuLWNyb3NzLW9yaWdpbiIgc2FuZGJveD0iYWxsb3ctc2NyaXB0cyBhbGxvdy1zYW1lLW9yaWdpbiBhbGxvdy1wcmVzZW50YXRpb24gYWxsb3ctcG9wdXBzIGFsbG93LXBvcHVwcy10by1lc2NhcGUtc2FuZGJveCIgc2Nyb2xsaW5nPSJubyIgc3JjPSJodHRwczovL3d3dy55b3V0dWJlLW5vY29va2llLmNvbS9lbWJlZC9KSTNEZjctS0Z0dz9pdl9sb2FkX3BvbGljeT0zJiMwMzg7bW9kZXN0YnJhbmRpbmc9MSYjMDM4O3JlbD0wJiMwMzg7YXV0b2hpZGU9MSYjMDM4O3BsYXlzaW5saW5lPTAmIzAzODthdXRvcGxheT0wIiB0aXRsZT0iIiB3aWR0aD0iODAwIj48L2lmcmFtZT4=\"><div class=\"brlbs-cmpnt-cb-preset-c brlbs-cmpnt-cb-youtube\"> <div class=\"brlbs-cmpnt-cb-thumbnail\" style=\"background-image: url('https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/borlabs-cookie\/1\/yt_JI3Df7-KFtw_hqdefault.jpg')\"><\/div> <div class=\"brlbs-cmpnt-cb-main\"> <div class=\"brlbs-cmpnt-cb-play-button\"><\/div> <div class=\"brlbs-cmpnt-cb-content\"> <p class=\"brlbs-cmpnt-cb-description\">Sie sehen gerade einen Platzhalterinhalt von <strong>YouTube<\/strong>. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfl\u00e4che unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.<\/p> <a class=\"brlbs-cmpnt-cb-provider-toggle\" href=\"#\" data-borlabs-cookie-show-provider-information role=\"button\">Mehr Informationen<\/a> <\/div> <div class=\"brlbs-cmpnt-cb-buttons\"> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-unblock role=\"button\">Inhalt entsperren<\/a> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-accept-service role=\"button\" style=\"display: inherit\">Erforderlichen Service akzeptieren und Inhalte entsperren<\/a> <\/div> <\/div> <\/div><\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\n\t<\/div>\n\t\n\t\n\t<script type=\"application\/ld+json\">{\"@context\":\"http:\\\/\\\/schema.org\\\/\",\"@id\":\"https:\\\/\\\/wolkenhart.com\\\/webdesignblog\\\/alte-blog-artikel#arve-youtube-ji3df7-kftw\",\"type\":\"VideoObject\",\"embedURL\":\"https:\\\/\\\/www.youtube-nocookie.com\\\/embed\\\/JI3Df7-KFtw?iv_load_policy=3&modestbranding=1&rel=0&autohide=1&playsinline=0&autoplay=0\"}<\/script>\n\t\n<\/div>\n<h5>Call to Idea<\/h5>\n<p>Die Design-Sammlung <strong>Call to Idea<\/strong> bietet Ideen f\u00fcr Logins, Galerien und andere Gestaltungsm\u00f6glichkeiten.<\/p>\n<p>Sitzt du wieder mal vor einem Webseiten-Footer oder einem Formular? M\u00f6chtest, dass es ein bisschen individueller aussieht und dir f\u00e4llt einfach nicht ein, wie du es ansprechender gestalten k\u00f6nntest? Dann lass dich doch einfach bei <a title=\"Call to Idea\" href=\"http:\/\/www.calltoidea.com\/\" target=\"_blank\" rel=\"noopener\">Call to Idea<\/a> inspirieren.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3102\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/08\/Call-to-Idea-.jpg\" alt=\"Call to Idea\" width=\"800\" height=\"478\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/08\/Call-to-Idea-.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/08\/Call-to-Idea--300x179.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/08\/Call-to-Idea--575x343.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h5>Call to Idea stellt Design-Ideen f\u00fcr viele Website-Module bereit<\/h5>\n<p>Die Design-Sammlung <em>Call to Idea<\/em> bietet dir eine gelungene Auswahl an Website-Modulen wie beispielsweise Galerien, Tabs, Formulare und Kalender. Wenn du gestalterisch mal wieder nicht weiter wei\u00dft, ist das nat\u00fcrlich eine gute Inspirations-Quelle.<\/p>\n<h5>Drei Oberkategorien<\/h5>\n<p>Die Website ist in drei Oberkategorien unterteilt: <strong>\u201eComponents\u201c<\/strong>, <strong>\u201eLayouts\u201c<\/strong> und <strong>\u201eUtilities\u201c<\/strong>. In den Unterkategorien findest du jeweils die passenden Beispiele dazu. Zur Zeit gibt es 29 dieser Unterkategorien auf Call to Idea \u2013 da bekommst du einfach alles von Logos, Slider, Registrierungsformularen bis hin zu Navigationen.<\/p>\n<p><strong>Kennt ihr weitere gute Inspirationsquellen f\u00fcr Website-Module?<\/strong><\/p>\n<h5>SEO Rankingfaktoren 2014 (Infografik)<\/h5>\n<p>Der SEO-Tool-Anbieter <a title=\" SEO Rankingfaktoren 2014 \" href=\"http:\/\/www.searchmetrics.com\/de\/knowledge-base\/ranking-faktoren\/\" target=\"_blank\" rel=\"noopener\">Searchmetrics<\/a> hat die Ergebnisse der j\u00e4hrlichen Untersuchung \u00fcber die <strong>SEO-Rankingfaktoren 2014<\/strong> herausgebracht. In diesem Jahr wird vor allem die Bedeutung wichtiger Inhalte, eines ansprechenden Linkprofils und der technischen Architektur thematisiert.<\/p>\n<div id=\"attachment_3138\" style=\"width: 810px\" class=\"wp-caption alignleft\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-3138\" class=\"size-full wp-image-3138\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/09\/searchmetrics-labs.jpg\" alt=\"searchmetrics-labs\" width=\"800\" height=\"600\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/09\/searchmetrics-labs.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/09\/searchmetrics-labs-300x225.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/09\/searchmetrics-labs-575x431.jpg 575w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/09\/searchmetrics-labs-600x450.jpg 600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><p id=\"caption-attachment-3138\" class=\"wp-caption-text\">Searchmetrics Labs &#8211; Was ist ein Ranking-Faktor? (Quelle: Searchmetrics)<\/p><\/div>\n<h5>Die wichtigsten SEO-Rankingfaktoren des Jahres 2014<\/h5>\n<p>Um die Bedeutung von Rankingfaktoren untersuchen zu k\u00f6nnen, ben\u00f6tigt man viel Rechenpower und eine gro\u00dfe Datenbasis. Herausgegeben wird die j\u00e4hrliche Untersuchung von dem deutschen Unternehmen Searchmetrics. Bekannt ist dieses Unternehmen als Anbieter der SEO-Plattform \u201eSearchmetrics Suite\u201c. Die Analysten von Searchmetrics haben f\u00fcr ihre Untersuchung die ersten drei Ergebnisseiten der 10.000 meistgesuchten Suchbegriffe untersucht. Auf Basis der Suchbegriffe sollen die wichtigsten <a title=\"Die gr\u00f6\u00dften Google-Updates des Jahres 2013\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/google-updates-2013\">Rankingfaktoren<\/a> ermittelt werden.<\/p>\n<h5>Die Untersuchung der Nutzersignale<\/h5>\n<p>Das deutsche SEO-Unternehmen Searchmetrics hat gleich zu Beginn des ver\u00f6ffentlichten Whitepapers verk\u00fcndet, dass es f\u00fcr den Einfluss der ermittelten Faktoren <strong>keine Garantie<\/strong> g\u00e4be. Ein sehr gutes Beispiel daf\u00fcr ist die hohe Wechselwirkung zwischen <strong>guten Rankings<\/strong> und vielen <strong>\u201eSocial Signals\u201c<\/strong> \u2013 wie Tweets und Likes. Diese Nutzersignale gelten laut offizieller Aussagen von Google nicht als Rankingfaktor.<\/p>\n<p>Nach eigenen Angaben konzentriert sich die Untersuchung auf informationsorientierte Suchbegriffe, <em>\u201ebei denen mehrere Suchergebnisse fu\u0308r den Nutzer relevant sind\u201c<\/em>. Untersucht wurden aus dem letzten Jahr bekannte Faktoren, darunter die Inhalte, L\u00e4nge oder Anzahl der Backlinks. Es kamen auch einige neue Kriterien dazu, beispielsweise technische Faktoren, sowie einige \u201eUser Signals\u201c. Ganz besonders wichtig sind, nach wie vor, die Inhalte, Backlinks und die technische Infrastruktur.<\/p>\n<p><strong>Nach Angaben von Searchmetrics sind die wichtigsten Erkenntnisse der Untersuchung (im Vergleich zum Vorjahr):<\/strong><\/p>\n<ul>\n<li>Der hohe Einfluss hochwertiger Inhalte<\/li>\n<li>Die Bedeutung der technischen Infrastruktur<\/li>\n<li>Die noch immer hohe Bedeutung von Backlinks hinsichtlich ihrer Qualit\u00e4t und Quantit\u00e4t<\/li>\n<\/ul>\n<p>Die folgende Infografik bietet dir einen kleinen Einblick in die interessanten Untersuchungsergebnisse. Wer mehr erfahren m\u00f6chte, sollte sich die <a title=\"Was ist ein Ranking-Faktor?\" href=\"http:\/\/www.searchmetrics.com\/de\/was-ist-ein-ranking-faktor\/\" target=\"_blank\" rel=\"noopener\">passende Erkl\u00e4rung auf der Webseite Searchmetrics.com<\/a> durchlesen.<\/p>\n<div id=\"attachment_3134\" style=\"width: 810px\" class=\"wp-caption alignleft\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-3134\" class=\"size-full wp-image-3134\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/09\/SEO-Rankingfaktoren-2014.jpg\" alt=\"SEO Rankingfaktoren 2014\" width=\"800\" height=\"5860\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/09\/SEO-Rankingfaktoren-2014.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/09\/SEO-Rankingfaktoren-2014-575x4211.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><p id=\"caption-attachment-3134\" class=\"wp-caption-text\">Die wichtigsten SEO-Rankingfaktoren 2014. (Quelle: Searchmetrics)<\/p><\/div>\n<h5>\u00dcber 1 Milliarde Webseiten &#8211; und das World Wide Web w\u00e4chst<\/h5>\n<p>Ich muss zugeben als ich vor knapp 18 Jahren das erste Mal was vom Internet geh\u00f6rt hatte war ich nicht der Meinung das es ein Riesending werden w\u00fcrde. Jetzt im Augenblick sind ca. <strong>2,9 Milliarden Menschen im Internet<\/strong> unterwegs. Von ihnen haben heute schon \u00fcber <strong>2 Milliarden<\/strong> etwas bei Google gesucht. Es wurden rund 24.000 Webseiten gehackt und etwa 360 Millionen Tweets gepostet. Diese und andere interessante Live-Statistiken zum Thema Internet findest du auf <a title=\"internetlivestats.com\" href=\"http:\/\/www.internetlivestats.com\/\" target=\"_blank\" rel=\"noopener\">internetlivestats.com<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3186\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/09\/1-Milliarde-Webseiten.jpg\" alt=\"1 Milliarde Webseiten\" width=\"800\" height=\"612\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/09\/1-Milliarde-Webseiten.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/09\/1-Milliarde-Webseiten-300x229.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/09\/1-Milliarde-Webseiten-575x439.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h5>Tim Berners-Lee<\/h5>\n<p><a title=\"Tim Berners-Lee\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/tim-berners-lee\">Tim Berners-Lee<\/a>, der Mitbegr\u00fcnder des Internets und HTML-Erfinder, twitterte vor mehreren Tagen fast beil\u00e4ufig, dass <strong>die milliardste Webseite<\/strong> online gegangen sei. Inzwischen ist dieser Meilenstein der Kommunikation allerdings wieder um ein paar Millionen Webseiten \u00fcbertrumpft worden. Denn schlie\u00dflich w\u00e4chst das Internet stetig weiter.<\/p>\n<h5>HTML &#8211; die wichtigste Erfindung der modernen Kommunikation<\/h5>\n<p>Der britische Informatiker und Physiker Tim Berners-Lee hat wahrscheinlich auch nicht geglaubt, dass das Internet solche Ausma\u00dfe annehmen w\u00fcrde, als er im Jahr 1989 seine Idee dem Forschungszentrum CERN vorschlug. Auf Basis von HTML (Hypertext Markup Language) kommunizieren heutzutage Milliarden Menschen \u00fcber das Internet \u2013 und das Potenzial scheint noch lange nicht ersch\u00f6pft zu sein.<\/p>\n<h5>Bald 3 Milliarden Internetnutzer<\/h5>\n<p>Aktuell sind etwa <strong>2,9 Milliarden Internetnutzer<\/strong> weltweit im <a title=\"World Wide Web\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/world-wide-web\">World Wide Web<\/a> unterwegs. Drei Milliarden Nutzer, der n\u00e4chste Meilenstein, k\u00f6nnte schon bald erreicht sein. Gut m\u00f6glich, dass Tim Berners-Lee dann mit seinen Studenten endlich eine gro\u00dfe Party schmei\u00dft, um seine gro\u00dfartige Erfindung richtig zu feiern. Wir gratulieren auf jeden Fall jetzt schon!<\/p>\n<p><strong>Weitere Links zum Artikel:<\/strong><br \/>\n<a title=\"Die erste Website\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/erste-website\">Die erste Website<\/a><br \/>\n<a title=\"Die Geschichte des Webdesigns\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/geschichte-des-webdesigns\">Die Geschichte des Webdesigns<\/a><\/p>\n<h5>Website-Relaunch ohne Traffic-Verlust (Infografik)<\/h5>\n<p><strong>Der Relaunch einer Website kann einen hohen Traffic-Verlust mit sich bringen.<\/strong> Wie du das verhindern kannst, erf\u00e4hrst du in einer aktuellen Infografik.<\/p>\n<h5>So verhinderst du hohe Traffic-Verluste<\/h5>\n<p>Ein vollst\u00e4ndiges Redesign einer Website birgt einige Gefahren. Ohne eine sorgf\u00e4ltige Planung kann es schnell zu einem gro\u00dfen Traffic-Verlust kommen. Neil Patel, ein Marketing-Experte, meint, dass sieben von zehn Internetseiten nach einem Relaunch entweder Verluste bei den Verk\u00e4ufen oder beim Traffic erleiden. Trotzdem sollte man einen Relaunch nicht f\u00fcrchten.<\/p>\n<h5>Relaunch der eigenen Website ohne Verlust des Traffics<\/h5>\n<p>Das Team von QuickSprout hat zu diesem Thema eine \u00fcbersichtliche und interessante Infografik erstellt. QuickSprout bezieht sich dabei auf Case-Studies von Websites, die von einem <strong>Redesign sehr profitiert haben.<\/strong> Die Vorteile nach dem Redesign waren so gro\u00df, dass die anf\u00e4nglichen Traffic-Verluste mehr als ausgeglichen wurden.<\/p>\n<div style=\"clear: both;\"><a href=\"http:\/\/www.quicksprout.com\/2014\/09\/19\/how-to-redesign-your-website-without-losing-traffic-or-sales\/\"><img decoding=\"async\" title=\"How to Redesign Your Website Without Losing Traffic or Sales\" src=\"http:\/\/quicksprout.wpengine.netdna-cdn.com\/wp-content\/uploads\/2014\/09\/How-to-Redesign-Your-Website-Without-Losing-Traffic-or-Sales.jpg\" alt=\"How to Redesign Your Website Without Losing Traffic or Sales\" border=\"0\" \/><\/a><\/div>\n<div>Courtesy of: <a href=\"http:\/\/www.quicksprout.com\/2014\/09\/19\/how-to-redesign-your-website-without-losing-traffic-or-sales\/\">Quick Sprout<\/a><\/div>\n<h5>\u00dcbersicht alle Google Algorithmus Updates (Infografik)<\/h5>\n<p>In den 90er Jahren, als das Internet noch in den Kinderschuhe stand, und somit auch die Suchmaschinen, war Google in der Online suche nicht sonderlich gut. Lediglich das Z\u00e4hlen von Links und reine Keyword suche gelang. Es war damals keine Kunst mit nur 2 Schritten in das vordere Ranking zu kommen.<\/p>\n<ol>\n<li>Keywords so oft es nur geht in den Content deiner Webseite zu bringen.<\/li>\n<li>Masse ist Klasse -&gt; So viele Links m\u00f6glichst kosteng\u00fcnstig zu bekommen.<\/li>\n<\/ol>\n<h5>Suchergebnisse<\/h5>\n<p>Es war egal, wie hochwertig dieser Content war, jeder hatte die M\u00f6glichkeit sich gut zu Ranken, den bei den Suchergebnissen spielte es noch keine Rolle wie der Kontext und die Relevanz zu den jeweiligen Themen war.<\/p>\n<p>Diese Phase hielt nicht lange an, denn Google war damals schon bem\u00fcht, s\u00e4mtliche Sicherheitsl\u00fccken ausfindig zu machen. Sobald Google eine gefunden hatte und diese \u00fcberarbeitet hat, war das Ranking dahin.<\/p>\n<p>F\u00fcr einen \u00dcberblick s\u00e4mtlicher \u00c4nderungen und Updates (bis August 2013) die durchgef\u00fchrt wurden, haben <strong>Hubspot<\/strong> und <strong>Moz<\/strong> diese Infografik entwickelt.<\/p>\n<p><a href=\"http:\/\/blog.hubspot.com\/marketing\/google-algorithm-visual-history-infographic\"><img decoding=\"async\" src=\"\/\/cdn2.hubspot.net\/hub\/53\/file-518515210-png\/Visual_History_of_Google_Algorithm_Changes.png?t=1392069750000&amp;t=1414486808752\" alt=\"infographic google algorithm changes keyword seo\" width=\"650px\" border=\"0\" \/><\/a><\/p>\n<h5>70 Styleguides der f\u00fchrenden Netzkonzerne<\/h5>\n<p>Ein <strong>Styleguide<\/strong> verr\u00e4t uns, wie eine Marke optisch nach au\u00dfen auftritt und wie mit ihr umgegangen wird. Hier findest du eine \u00dcbersicht mit <strong>70 dieser Styleguides von f\u00fchrenden Internetkonzernen<\/strong>. Lass dich einfach inspirieren.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3255\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/12\/Styleguides-der-f\u00fchrenden-Netzkonzerne.jpg\" alt=\"Styleguides der f\u00fchrenden Netzkonzerne\" width=\"800\" height=\"478\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/12\/Styleguides-der-f\u00fchrenden-Netzkonzerne.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/12\/Styleguides-der-f\u00fchrenden-Netzkonzerne-300x179.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2014\/12\/Styleguides-der-f\u00fchrenden-Netzkonzerne-575x343.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h5>Nicht immer leicht zu finden<\/h5>\n<p>Styleguides k\u00f6nnen dir zeigen, wie Unternehmen nach au\u00dfen auftreten. Auch siehst du wie Anwender aus den Bereichen PR, Design und Entwicklung die Schriften und Logos in ihrer Arbeit einsetzen k\u00f6nnen. Styleguides sind sehr sinnvoll und lehrreich, aber schwer im Internet zu finden. Wichtige Informationen sind oft tief in der Navigation einer Webseite versteckt und es braucht viele Klicks und viel Scrolling, bis die gesuchten Unterseiten gefunden wurden. Auf der Webseite Findguidelin.es findest du \u00fcber 70 Styleguides von Facebook, Twitter, Soundcloud und anderen bekannten Internetfirmen.<\/p>\n<p>Wer zum Beispiel den Styleguide von Kickstarter, der Crowdfunding-Plattform sucht, verliert schnell den \u00dcberblick. Zuerst muss die Startseite bis zum Ende gescrollt werden, der Pressebereich aufgerufen, die Folgeseite durchgescrollt und anschlie\u00dfend der Call-to-Action-Button angeklickt werden. Sucht man gleichzeitig die Styleguides von mehreren Netzunternehmen, wird das Ganze richtig aufwendig und nervig.<\/p>\n<h5>Facebook, Evernote, Soundcloud und mehr &#8211; Findguidline.es sammelt die Styleguides der Netzkonzerne<\/h5>\n<p>Viel einfacher als selbst nach Styleguides zu suchen ist es, die Webseite <a title=\"Findguidline.es\" href=\"http:\/\/findguidelin.es\/\" target=\"_blank\" rel=\"noopener\">Findguidline.es<\/a> zu verwenden. Hier findest du nicht nur den <strong>Styleguide von Facebook und Evernote mit nur einem Klick<\/strong>, sondern auch die von \u00fcber 70 anderen erfolgreichen Internetkonzernen. Dazu z\u00e4hlen soziale Plattformen wie Soundcloud und Twitter, aber auch die kleineren Marken wie Mailchimp und Github sind mit dabei. Ein Klick auf das Icon des Unternehmens f\u00fchrt dich direkt zur gesuchten Webseite. Au\u00dferdem kannst du die Farbpaletten der Marken im ACO-Format herunterladen.<\/p>\n<p>Arno DiNunzio, der Entwickler der Webseite Findguidline.es ist immer interessiert an weiteren spannenden Styleguides f\u00fcr seine Sammlung und freut sich sicher \u00fcber einen URL-Tipp von dir.<\/p>\n<h5>10 tolle Infografiken f\u00fcr Grafikdesigner und Webdesigner<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3418\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Infografiken-Grafikdesigner-Webdesigner.jpg\" alt=\"Infografiken Grafikdesigner Webdesigner\" width=\"800\" height=\"404\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Infografiken-Grafikdesigner-Webdesigner.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Infografiken-Grafikdesigner-Webdesigner-300x152.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Infografiken-Grafikdesigner-Webdesigner-575x290.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>In deinem Beruf als <strong>Grafikdesigner oder Webdesigner<\/strong> hast du m\u00f6glicherweise schon eigene <strong>Infografiken<\/strong> f\u00fcr Kunden erstellt oder du bist, so wie ich, einfach nur ein Fan von ihnen. <span style=\"text-decoration: underline;\">Die 10 nachfolgenden Infografiken wurden von Grafikdesignern f\u00fcr Grafikdesigner und Webdesigner erstellt<\/span>. Ein Blick lohnt sich auf jeden Fall:<\/p>\n<h5>1. Die Psychologie der Farben<\/h5>\n<p>Erfahre welche Farben wie eingesetzt werden k\u00f6nnen und welche Gef\u00fchle sie ausl\u00f6sen.<\/p>\n<div class=\"visually_embed\">\n<p><img class=\"visually_embed_infographic\" alt=\"The Psychology of Color \" \/><\/p>\n<div class=\"visually_embed_cycle\">by <a href=\"http:\/\/www.shah3d.com?utm_source=visually_embed\" target=\"_blank\" rel=\"noopener\">Dehahs<\/a>.<\/div>\n<p><script id=\"visually_embed_script_15003\" class=\"visually_embed_script\" src=\"http:\/\/a.visual.ly\/api\/embed\/15003?width=800\" type=\"text\/javascript\"><\/script><\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<h5>2. Elements of Design<\/h5>\n<p>Die Infografik kann als schnelle Referenz f\u00fcr die elementaren Design-Elemente dienen, komplett mit vielen Tipps. <a href=\"https:\/\/visualizedata.wordpress.com\/2011\/02\/27\/the-elements-of-design\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3403\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Elements-of-Design.jpg\" alt=\"Elements of Design\" width=\"800\" height=\"500\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Elements-of-Design.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Elements-of-Design-300x188.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Elements-of-Design-575x359.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<h5>3. Ein Tag im Leben eines Grafikdesigners<\/h5>\n<p>Ein humorvoller Blick auf den Alltag eines Grafikdesigners &#8211; Tonnen von Arbeit, super knappe Fristen, ein hektisches Umfeld und (hoffentlich) gute Bezahlung.<\/p>\n<div class=\"visually_embed\">\n<p><img class=\"visually_embed_infographic\" alt=\"A Day in the Life of a Graphic Designer\" \/><\/p>\n<div class=\"visually_embed_cycle\"><\/div>\n<p><script id=\"visually_embed_script_11164\" class=\"visually_embed_script\" src=\"http:\/\/a.visual.ly\/api\/embed\/11164?width=800\" type=\"text\/javascript\"><\/script><\/p>\n<\/div>\n<h4>4. Die Grafikdesigner-Roadmap<\/h4>\n<p>Willst du mehr Inspiration und Erfolg? Die Infografik dient als Fahrplan f\u00fcr all diese Dinge.<\/p>\n<div align=\"center\"><b>Click to Enlarge Image<\/b><br \/>\n<a href=\"http:\/\/blog.smartpress.com\/printing-interesting-resources\/graphic-designers-roadmap-infographic\"><img decoding=\"async\" src=\"http:\/\/blog.smartpress.com\/wp-content\/uploads\/2011\/02\/Graphic_Designers_Road_Map.jpg\" alt=\"Online Printing\" width=\"800\" border=\"0\" \/><\/a><br \/>\nVia:<a href=\"http:\/\/smartpress.com\/\">Online Printing<\/a><\/div>\n<h5>5. Was sagt dein Webdesign \u00fcber dich?<\/h5>\n<p>Deine Lieblings-Farben, -schriftarten und alle anderen Design-Elemente verraten viel \u00fcber deine Ziele, Tr\u00e4ume und Pers\u00f6nlichkeit. Diese Infografik ist ein Fenster zu deiner Seele.<\/p>\n<p><a href=\"http:\/\/sixrevisions.com\/infographs\/webdesign-says-about-you\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3406\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Was-sagt-dein-Webdesign-\u00fcber-dich.jpg\" alt=\"Was sagt dein Webdesign \u00fcber dich\" width=\"1024\" height=\"3146\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Was-sagt-dein-Webdesign-\u00fcber-dich.jpg 1024w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Was-sagt-dein-Webdesign-\u00fcber-dich-98x300.jpg 98w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Was-sagt-dein-Webdesign-\u00fcber-dich-333x1024.jpg 333w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Was-sagt-dein-Webdesign-\u00fcber-dich-575x1767.jpg 575w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<h6>6. Freelance to Freedom Flowchart<\/h6>\n<p>Gutes Einkommen mit minimalem Aufwand? Das Flussdiagramm beschreibt dir sehr humorvoll den Prozess.<\/p>\n<p><a href=\"http:\/\/de.wix.com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3409\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Freelance-to-Freedom-Flowchart.jpg\" alt=\"Freelance to Freedom Flowchart\" width=\"650\" height=\"2843\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Freelance-to-Freedom-Flowchart.jpg 650w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Freelance-to-Freedom-Flowchart-234x1024.jpg 234w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Freelance-to-Freedom-Flowchart-575x2515.jpg 575w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/a><\/p>\n<h6>7. Fakten \u00fcber Stellenangebote<\/h6>\n<p>Wo gibt es die besten Jobs in Amerika? Auch einige andere Fragen werden in dieser interessanten Infografik beantwortet.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3411\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Fakten-\u00fcber-Stellenangebote.jpg\" alt=\"Fakten \u00fcber Stellenangebote\" width=\"700\" height=\"811\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Fakten-\u00fcber-Stellenangebote.jpg 700w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Fakten-\u00fcber-Stellenangebote-259x300.jpg 259w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Fakten-\u00fcber-Stellenangebote-575x666.jpg 575w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<h6>8. State of Graphic Design<\/h6>\n<p>Diese Infografik zeigt Ergebnisse einer Abfrage der erfolgreichsten Grafiker weltweit, um festzustellen was notwendig ist, um in diesem Beruf wirklich erfolgreich zu werden.<\/p>\n<div align=\"center\"><b>Click to Enlarge Image<\/b><br \/>\n<a href=\"http:\/\/smartpress.com\/pages\/state-of-graphic-design\"><img decoding=\"async\" src=\"http:\/\/smartpress.com\/resources\/sites\/1_site\/images\/state-of-graphic-design-2012-infographic.jpg\" alt=\"smartpress.com\" width=\"800\" border=\"0\" \/><\/a><br \/>\n<a title=\"Smartpress.com\" href=\"http:\/\/smartpress.com\">Smartpress.com<\/a><\/div>\n<h6>9. Die Geh\u00e4lter<\/h6>\n<p>Erfahre mehr \u00fcber die L\u00fccken und Einkommensunterschiede in einer Umfrage von 2.012 kreativen Profis.<\/p>\n<p><a href=\"www.howdesign.com\/design-jobs\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3413\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Die-Geh\u00e4lter.jpeg\" alt=\"Die Geh\u00e4lter\" width=\"650\" height=\"975\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Die-Geh\u00e4lter.jpeg 650w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Die-Geh\u00e4lter-200x300.jpeg 200w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Die-Geh\u00e4lter-575x863.jpeg 575w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/a><\/p>\n<h6>10. Die Anatomie eines Grafikdesigner<\/h6>\n<p>Ein humorvoller Blick auf einen Grafikdesigner.<\/p>\n<p><a href=\"http:\/\/glantz.net\/blog\/the-anatomy-of-a-graphic-designer\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3414\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Anatomie-eines-Grafikdesigner.jpg\" alt=\"Anatomie eines Grafikdesigner\" width=\"800\" height=\"1145\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Anatomie-eines-Grafikdesigner.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Anatomie-eines-Grafikdesigner-210x300.jpg 210w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Anatomie-eines-Grafikdesigner-715x1024.jpg 715w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/05\/Anatomie-eines-Grafikdesigner-575x823.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<h6>Wie gut ist deine Landingpage?<\/h6>\n<p><strong>Wie gut ist deine Landingpage?<\/strong> Der \u201eAdWords Landing Page Grader\u201c liefert dir hier Antworten.<\/p>\n<p>\u201eAdWords Landing Page Grader\u201c ist ein kostenloses Programm zur Bewertung einer <a title=\"Die perfekte Landing Page\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/die-perfekte-landing-page\" target=\"_blank\" rel=\"noopener\">Landingpage<\/a>. Du kannst damit beispielsweise sehen, wie sich deine Landingpage im Vergleich zu der deines Konkurrenten schl\u00e4gt. Das kostenlose Tool <a title=\"\u201eAdWords Landing Page Grader\u201c\" href=\"http:\/\/www.wordstream.com\/landing-page\" target=\"_blank\" rel=\"noopener\">\u201eAdWords Landing Page Grader\u201c<\/a> vergleicht deine Conversion Rate mit deinen Konkurrenten im Internet.<\/p>\n<h5>Landingpages optimieren mit \u201eAdWords Landing Page Grader\u201c<\/h5>\n<p>Selbst die besten AdWords-Kampagnen scheitern, wenn sie auf schlechte Landingpages verweisen. Damit besonders kleinen Unternehmen die Optimierung erleichtert wird, bietet WordStream ein kostenloses Programm mit dem Namen \u201eAdWords Landing Page Grader\u201c an. Die Software ist dazu da, die Effizienz einer Landingpage zu messen und den Nutzer \u00fcber m\u00f6gliche Schwachstellen zu informieren. Das Programm greift auf deinen AdWords Account zu und wertet die Daten aus. Danach kannst du dir die Conversion Rate deiner Landingpages anzeigen lassen. F\u00fcr einen besseren \u00dcberblick vergleichst du sie mit dem Durchschnittswert in deinem Industriezweig. Die Software ist auch in der Lage die Keywords auf deiner Landingpage mit deinem Werbetext abzugleichen. Das ist wichtig, da auf deiner Landingpage auch immer die entscheidenen Keywords stehen sollten.<\/p>\n<p><strong>Der &#8222;AdWords Landing Page Grader&#8220; pr\u00fcft, ob du die richtigen Keywords verwendest.<\/strong><\/p>\n<h5>Das Bewertungstool informiert dich \u00fcber Fehler<\/h5>\n<p>Neben den bereits genannten Features, kann das Programm deine Landingpage auch genauer bewerten. Es pr\u00fcft ob du gut gestaltete Formulare einsetzt, ob du die richtigen Header-Tags verwendest, dass du die gleiche Landingpage nicht f\u00fcr unterschiedliche Kampagnen benutzt und ob deine Landingpage auch f\u00fcr mobile Ger\u00e4te optimiert wurde.<\/p>\n<p>Das Tool ist gerade f\u00fcr Anf\u00e4nger sehr hilfreich, denn du wirst damit schnell feststellen, wo deine Probleme liegen. Auch f\u00fcr Profis d\u00fcrfte das ein oder andere Feature interessant sein.<\/p>\n\n<div data-mode=\"normal\" data-provider=\"youtube\" id=\"arve-youtube-eufbjo-bqtg\" style=\"max-width:800px;\" class=\"arve alignleft\">\n\t<div class=\"arve-inner\">\n\t\t<div class=\"arve-embed arve-embed--has-aspect-ratio\">\n\t\t\t<div class=\"arve-ar\" style=\"padding-top:56.250000%\"><\/div>\n\t\t\t <div class=\"brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles\" data-borlabs-cookie-content-blocker-id=\"youtube-content-blocker\" data-borlabs-cookie-content=\"PGlmcmFtZSBhbGxvdz0iYWNjZWxlcm9tZXRlciAmYXBvcztub25lJmFwb3M7O2F1dG9wbGF5ICZhcG9zO25vbmUmYXBvczs7Ymx1ZXRvb3RoICZhcG9zO25vbmUmYXBvczs7YnJvd3NpbmctdG9waWNzICZhcG9zO25vbmUmYXBvczs7Y2FtZXJhICZhcG9zO25vbmUmYXBvczs7Y2xpcGJvYXJkLXJlYWQgJmFwb3M7bm9uZSZhcG9zOztjbGlwYm9hcmQtd3JpdGU7ZGlzcGxheS1jYXB0dXJlICZhcG9zO25vbmUmYXBvczs7ZW5jcnlwdGVkLW1lZGlhICZhcG9zO25vbmUmYXBvczs7Z2FtZXBhZCAmYXBvcztub25lJmFwb3M7O2dlb2xvY2F0aW9uICZhcG9zO25vbmUmYXBvczs7Z3lyb3Njb3BlICZhcG9zO25vbmUmYXBvczs7aGlkICZhcG9zO25vbmUmYXBvczs7aWRlbnRpdHktY3JlZGVudGlhbHMtZ2V0ICZhcG9zO25vbmUmYXBvczs7aWRsZS1kZXRlY3Rpb24gJmFwb3M7bm9uZSZhcG9zOztrZXlib2FyZC1tYXAgJmFwb3M7bm9uZSZhcG9zOztsb2NhbC1mb250czttYWduZXRvbWV0ZXIgJmFwb3M7bm9uZSZhcG9zOzttaWNyb3Bob25lICZhcG9zO25vbmUmYXBvczs7bWlkaSAmYXBvcztub25lJmFwb3M7O290cC1jcmVkZW50aWFscyAmYXBvcztub25lJmFwb3M7O3BheW1lbnQgJmFwb3M7bm9uZSZhcG9zOztwaWN0dXJlLWluLXBpY3R1cmU7cHVibGlja2V5LWNyZWRlbnRpYWxzLWNyZWF0ZSAmYXBvcztub25lJmFwb3M7O3B1YmxpY2tleS1jcmVkZW50aWFscy1nZXQgJmFwb3M7bm9uZSZhcG9zOztzY3JlZW4td2FrZS1sb2NrICZhcG9zO25vbmUmYXBvczs7c2VyaWFsICZhcG9zO25vbmUmYXBvczs7c3VtbWFyaXplciAmYXBvcztub25lJmFwb3M7O3N5bmMteGhyO3VzYiAmYXBvcztub25lJmFwb3M7O3dlYi1zaGFyZTt3aW5kb3ctbWFuYWdlbWVudCAmYXBvcztub25lJmFwb3M7O3hyLXNwYXRpYWwtdHJhY2tpbmcgJmFwb3M7bm9uZSZhcG9zOzsiIGFsbG93ZnVsbHNjcmVlbj0iIiBjbGFzcz0iYXJ2ZS1pZnJhbWUgZml0dmlkc2lnbm9yZSIgY3JlZGVudGlhbGxlc3MgZGF0YS1hcnZlPSJhcnZlLXlvdXR1YmUtZXVmYmpvLWJxdGciIGRhdGEtbGVuaXMtcHJldmVudD0iIiBkYXRhLXNyYy1uby1hcD0iaHR0cHM6Ly93d3cueW91dHViZS1ub2Nvb2tpZS5jb20vZW1iZWQvRXVGYkpvLUJxVGc\/aXZfbG9hZF9wb2xpY3k9MyZhbXA7bW9kZXN0YnJhbmRpbmc9MSZhbXA7cmVsPTAmYW1wO2F1dG9oaWRlPTEmYW1wO3BsYXlzaW5saW5lPTAmYW1wO2F1dG9wbGF5PTAiIGZyYW1lYm9yZGVyPSIwIiBoZWlnaHQ9IjQ1MCIgbG9hZGluZz0ibGF6eSIgbmFtZT0iIiByZWZlcnJlcnBvbGljeT0ic3RyaWN0LW9yaWdpbi13aGVuLWNyb3NzLW9yaWdpbiIgc2FuZGJveD0iYWxsb3ctc2NyaXB0cyBhbGxvdy1zYW1lLW9yaWdpbiBhbGxvdy1wcmVzZW50YXRpb24gYWxsb3ctcG9wdXBzIGFsbG93LXBvcHVwcy10by1lc2NhcGUtc2FuZGJveCIgc2Nyb2xsaW5nPSJubyIgc3JjPSJodHRwczovL3d3dy55b3V0dWJlLW5vY29va2llLmNvbS9lbWJlZC9FdUZiSm8tQnFUZz9pdl9sb2FkX3BvbGljeT0zJiMwMzg7bW9kZXN0YnJhbmRpbmc9MSYjMDM4O3JlbD0wJiMwMzg7YXV0b2hpZGU9MSYjMDM4O3BsYXlzaW5saW5lPTAmIzAzODthdXRvcGxheT0wIiB0aXRsZT0iIiB3aWR0aD0iODAwIj48L2lmcmFtZT4=\"><div class=\"brlbs-cmpnt-cb-preset-c brlbs-cmpnt-cb-youtube\"> <div class=\"brlbs-cmpnt-cb-thumbnail\" style=\"background-image: url('https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/borlabs-cookie\/1\/yt_EuFbJo-BqTg_hqdefault.jpg')\"><\/div> <div class=\"brlbs-cmpnt-cb-main\"> <div class=\"brlbs-cmpnt-cb-play-button\"><\/div> <div class=\"brlbs-cmpnt-cb-content\"> <p class=\"brlbs-cmpnt-cb-description\">Sie sehen gerade einen Platzhalterinhalt von <strong>YouTube<\/strong>. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfl\u00e4che unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.<\/p> <a class=\"brlbs-cmpnt-cb-provider-toggle\" href=\"#\" data-borlabs-cookie-show-provider-information role=\"button\">Mehr Informationen<\/a> <\/div> <div class=\"brlbs-cmpnt-cb-buttons\"> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-unblock role=\"button\">Inhalt entsperren<\/a> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-accept-service role=\"button\" style=\"display: inherit\">Erforderlichen Service akzeptieren und Inhalte entsperren<\/a> <\/div> <\/div> <\/div><\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\n\t<\/div>\n\t\n\t\n\t<script type=\"application\/ld+json\">{\"@context\":\"http:\\\/\\\/schema.org\\\/\",\"@id\":\"https:\\\/\\\/wolkenhart.com\\\/webdesignblog\\\/alte-blog-artikel#arve-youtube-eufbjo-bqtg\",\"type\":\"VideoObject\",\"embedURL\":\"https:\\\/\\\/www.youtube-nocookie.com\\\/embed\\\/EuFbJo-BqTg?iv_load_policy=3&modestbranding=1&rel=0&autohide=1&playsinline=0&autoplay=0\"}<\/script>\n\t\n<\/div>\n<p><strong><span style=\"text-decoration: underline;\">Testet es einfach mal. Auf euer Urteil bin gespannt.<\/span><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Meine alten Blog &#8211; Artikel Was soll man mit alten Artikeln machen? Ich betreibe den Blog seit vielen Jahren und jetzt hat mich das Google Fred Update erwischt. Viele Artikel (\u00fcber 100) haben nicht viel Text gehabt, so 100 bis 200 W\u00f6rter, erg\u00e4nzt mit Infografiken oder Videos. Nun war die Frage was mache ich? Hier die M\u00f6glichkeiten: Alte Artikel stehenlassen, neuen Artikel schreiben und Link auf neuen Artikel setzen Alte Artikel erweitern und erg\u00e4nzen &#8211; OnPage Optimierung Alte Artikel \u00fcberarbeiten und einfach austauschen Alte Artikel l\u00f6schen und per 301 weiterleiten auf die Startseite Alte Artikel ersatzlos l\u00f6schen (404) Alte Blog &#8211; Artikel Ich habe mich f\u00fcr was anderes entschieden. Ich habe alle alten Artikel in diesen zusammengefasst (vom \u00c4ltesten zum Neuesten) und die alten URLs per 301 auf die Startseite geleitet. Es sind \u00fcber 18.231 W\u00f6rter, 111.236 Zeichen und gef\u00fchlte 50 Meter lang \ud83d\ude42 . Es ist nicht der der l\u00e4ngste Artikel der Welt. Der hat 445.430 Zeichen. Wer gerade 10 Stunden Zeit hat kann sich gerne meinen \u201eMega Artikel\u201c genau durchlesen. Und wer das macht dem sende ich eine Flasche Bier. Ich denke ich bin ein Held. 365 PSD Bei 365 PSD gibte es fast jeden Tag eine PSD Grafik als Freebie und das 365 Tage. Schaut es euch an es lohnt sich. Zur Website von 365 Psd geht es hier&#8230; Leitfaden Multiscreen Internetnutzer greifen immer mehr von unterschiedlichen Endger\u00e4ten bei verschiedenen Gegebenheiten auf das Internet zu. Multiscreen ist l\u00e4ngst Realit\u00e4t und spielt heute schon eine bedeutende Rolle. Webagenturen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4177,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[59,27,11],"tags":[282],"class_list":["post-4020","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-google","category-internet","category-ressourcen","tag-alte-blog-artikel"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Alte Blog - Artikel, was soll man machen?<\/title>\n<meta name=\"description\" content=\"Was soll man mit alten Blog-Artikeln machen? Ich betreibe den Blog seit vielen Jahren und jetzt hat mich das Google Fred Update erwischt.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Alte Blog - Artikel, was soll man machen?\" \/>\n<meta property=\"og:description\" content=\"Was soll man mit alten Blog-Artikeln machen? Ich betreibe den Blog seit vielen Jahren und jetzt hat mich das Google Fred Update erwischt.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wolkenhart\" \/>\n<meta property=\"article:published_time\" content=\"2017-10-18T10:21:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-06-11T13:01:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2017\/10\/Alte-Blog-Artikel-was-soll-man-machen.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"334\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mika Gustavson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wolkenhart\" \/>\n<meta name=\"twitter:site\" content=\"@wolkenhart\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel#article\",\"isPartOf\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel\"},\"author\":{\"name\":\"Mika Gustavson\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/#\/schema\/person\/5a7a715656061b06187fb64c7da365ac\"},\"headline\":\"Alte Blog &#8211; Artikel, was soll man machen?\",\"datePublished\":\"2017-10-18T10:21:02+00:00\",\"dateModified\":\"2021-06-11T13:01:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel\"},\"wordCount\":18805,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2017\/10\/Alte-Blog-Artikel-was-soll-man-machen.jpg\",\"keywords\":[\"Alte Blog - Artikel\"],\"articleSection\":[\"Google\",\"Internet\",\"Ressourcen\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel\",\"url\":\"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel\",\"name\":\"Alte Blog - Artikel, was soll man machen?\",\"isPartOf\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2017\/10\/Alte-Blog-Artikel-was-soll-man-machen.jpg\",\"datePublished\":\"2017-10-18T10:21:02+00:00\",\"dateModified\":\"2021-06-11T13:01:50+00:00\",\"author\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/#\/schema\/person\/5a7a715656061b06187fb64c7da365ac\"},\"description\":\"Was soll man mit alten Blog-Artikeln machen? Ich betreibe den Blog seit vielen Jahren und jetzt hat mich das Google Fred Update erwischt.\",\"breadcrumb\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel#primaryimage\",\"url\":\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2017\/10\/Alte-Blog-Artikel-was-soll-man-machen.jpg\",\"contentUrl\":\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2017\/10\/Alte-Blog-Artikel-was-soll-man-machen.jpg\",\"width\":500,\"height\":334,\"caption\":\"Alte Blog -Artikel, was soll man machen?\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Start\",\"item\":\"https:\/\/wolkenhart.com\/webdesignblog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Alte Blog &#8211; Artikel, was soll man machen?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/#website\",\"url\":\"https:\/\/wolkenhart.com\/webdesignblog\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wolkenhart.com\/webdesignblog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/#\/schema\/person\/5a7a715656061b06187fb64c7da365ac\",\"name\":\"Mika Gustavson\",\"description\":\"Hi, ich bin Mika - WordPress-Enthusiast und Webworker aus Leidenschaft. Ich bin Inhaber der Webdesign Agentur \/ WordPress Agentur Wolkenhart\u00ae und freier Dozent an der Dualen Hochschule Baden-W\u00fcrttemberg.\",\"url\":\"https:\/\/wolkenhart.com\/webdesignblog\/author\/webtalk\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Alte Blog - Artikel, was soll man machen?","description":"Was soll man mit alten Blog-Artikeln machen? Ich betreibe den Blog seit vielen Jahren und jetzt hat mich das Google Fred Update erwischt.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel","og_locale":"de_DE","og_type":"article","og_title":"Alte Blog - Artikel, was soll man machen?","og_description":"Was soll man mit alten Blog-Artikeln machen? Ich betreibe den Blog seit vielen Jahren und jetzt hat mich das Google Fred Update erwischt.","og_url":"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel","article_publisher":"https:\/\/www.facebook.com\/wolkenhart","article_published_time":"2017-10-18T10:21:02+00:00","article_modified_time":"2021-06-11T13:01:50+00:00","og_image":[{"width":500,"height":334,"url":"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2017\/10\/Alte-Blog-Artikel-was-soll-man-machen.jpg","type":"image\/jpeg"}],"author":"Mika Gustavson","twitter_card":"summary_large_image","twitter_creator":"@wolkenhart","twitter_site":"@wolkenhart","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel#article","isPartOf":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel"},"author":{"name":"Mika Gustavson","@id":"https:\/\/wolkenhart.com\/webdesignblog\/#\/schema\/person\/5a7a715656061b06187fb64c7da365ac"},"headline":"Alte Blog &#8211; Artikel, was soll man machen?","datePublished":"2017-10-18T10:21:02+00:00","dateModified":"2021-06-11T13:01:50+00:00","mainEntityOfPage":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel"},"wordCount":18805,"commentCount":0,"image":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel#primaryimage"},"thumbnailUrl":"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2017\/10\/Alte-Blog-Artikel-was-soll-man-machen.jpg","keywords":["Alte Blog - Artikel"],"articleSection":["Google","Internet","Ressourcen"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel","url":"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel","name":"Alte Blog - Artikel, was soll man machen?","isPartOf":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel#primaryimage"},"image":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel#primaryimage"},"thumbnailUrl":"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2017\/10\/Alte-Blog-Artikel-was-soll-man-machen.jpg","datePublished":"2017-10-18T10:21:02+00:00","dateModified":"2021-06-11T13:01:50+00:00","author":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/#\/schema\/person\/5a7a715656061b06187fb64c7da365ac"},"description":"Was soll man mit alten Blog-Artikeln machen? Ich betreibe den Blog seit vielen Jahren und jetzt hat mich das Google Fred Update erwischt.","breadcrumb":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel#primaryimage","url":"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2017\/10\/Alte-Blog-Artikel-was-soll-man-machen.jpg","contentUrl":"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2017\/10\/Alte-Blog-Artikel-was-soll-man-machen.jpg","width":500,"height":334,"caption":"Alte Blog -Artikel, was soll man machen?"},{"@type":"BreadcrumbList","@id":"https:\/\/wolkenhart.com\/webdesignblog\/alte-blog-artikel#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Start","item":"https:\/\/wolkenhart.com\/webdesignblog\/"},{"@type":"ListItem","position":2,"name":"Alte Blog &#8211; Artikel, was soll man machen?"}]},{"@type":"WebSite","@id":"https:\/\/wolkenhart.com\/webdesignblog\/#website","url":"https:\/\/wolkenhart.com\/webdesignblog\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wolkenhart.com\/webdesignblog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/wolkenhart.com\/webdesignblog\/#\/schema\/person\/5a7a715656061b06187fb64c7da365ac","name":"Mika Gustavson","description":"Hi, ich bin Mika - WordPress-Enthusiast und Webworker aus Leidenschaft. Ich bin Inhaber der Webdesign Agentur \/ WordPress Agentur Wolkenhart\u00ae und freier Dozent an der Dualen Hochschule Baden-W\u00fcrttemberg.","url":"https:\/\/wolkenhart.com\/webdesignblog\/author\/webtalk"}]}},"_links":{"self":[{"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/posts\/4020","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/comments?post=4020"}],"version-history":[{"count":4,"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/posts\/4020\/revisions"}],"predecessor-version":[{"id":4305,"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/posts\/4020\/revisions\/4305"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/media\/4177"}],"wp:attachment":[{"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/media?parent=4020"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/categories?post=4020"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/tags?post=4020"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}