{"id":634,"date":"2017-08-28T08:59:38","date_gmt":"2017-08-28T06:59:38","guid":{"rendered":"http:\/\/evileu.de\/zum-schwarzen-pinguin\/?p=634"},"modified":"2017-08-28T09:02:51","modified_gmt":"2017-08-28T07:02:51","slug":"in-eigener-sache-lets-talk-about-seo-baby","status":"publish","type":"post","link":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/2017\/08\/28\/in-eigener-sache-lets-talk-about-seo-baby\/","title":{"rendered":"In eigener Sache: Let&#8217;s talk about SEO, baby!"},"content":{"rendered":"<p>An diesem Wochenende hat mein Besucherz\u00e4hler auf dieser Seite die 5.000er-Marke geknackt, und das ist eine respektable Zahl f\u00fcr einen sehr spezialisierten kleinen Blog wie den schwarzen Pinguin. Gez\u00e4hlt wird hier seit Februar diesen Jahres (2017), also hab ich hier rund gerechnet 5.000 Besucher in einem halben Jahr gehabt. Das freut mich pers\u00f6nlich sehr und ermutigt mich, mit meiner lockeren Plauderei \u00fcber IT am Feierabend und WordPress im Speziellen weiterzumachen. Mir geht auch so schnell der Stoff nicht aus, keine Bange, n\u00e4chste Woche gibts dann wieder Spa\u00df auf der Datenbank!<\/p>\n<h2>Barrierefreiheit als SEO-Booster<\/h2>\n<p>Da wir gerade beim Thema sind: der Renner auf evileu.de ist nach wie vor das <a href=\"http:\/\/evileu.de\/inselfisch-kochbuch\/\">Inselfisch-Kochbuch<\/a> mit aktuell\u00a033.648 Besuchern, und da sind die Besucherzahlen nach einem eh schon guten Start nochmal kr\u00e4ftig in die H\u00f6he gegangen, seit ich das Kochbuch in Sachen Barrierefreiheit \u00a0komplett umgebaut habe. Auch nicht schlecht l\u00e4uft meine <a href=\"http:\/\/evileu.de\/oddballs\/\">Oddballs-Handarbeitsseite<\/a>, hier sind es immerhin auch schon\u00a011.297 Besucher in einem halben Jahr. Das\u00a0ist wirklich nicht \u00fcbel f\u00fcr eine rein private Webseite, und ich werde oft gefragt, wie ich das denn gemacht habe.<\/p>\n<h2>Meine SEO-Tricks<\/h2>\n<p>Da mu\u00df ich euch leider entt\u00e4uschen. Ich nutze kein SEO-all-in-one Pack, ich jongliere nicht mit Keywords, mir ist mein Google Ranking egal, ich schalte keine Werbung, ich mach das hier alles zu Fu\u00df.<\/p>\n<p>Was ich allerdings schon mache: ich blogge wie der Weltmeister. Im Inselfisch-Kochbuch gibts mindestens einmal die Woche ein neues Rezept, hier quassel ich auch ungef\u00e4hr ebenso oft aus dem N\u00e4hk\u00e4stchen der alten Programmiererin, und auf den Handarbeitsseiten gibts regelm\u00e4\u00dfig Fotos meiner aktuellen Socken, Schals und Pullover und gelegentlich auch mal eine neue Anleitung zum Download als PDF. Das hei\u00dft, auf meinen Blogseiten ist regelm\u00e4\u00dfig Neues geboten, und das lieben nicht nur die Suchmaschinen, das lieben anscheinend auch menschliche Besucher.<\/p>\n<h2>Beitr\u00e4ge mit Hand und Fu\u00df<\/h2>\n<p>Und ich erz\u00e4hle halt nicht nur irgendeinen Keyword-gespickten Quark, meine Beitr\u00e4ge haben (meistens) Hand und Fu\u00df. Nach meinen Kochrezepten kann auch ein Anf\u00e4nger kochen, wenn man einen Schal nach meiner Handarbeitsanleitung strickt, dann wird das auch was, und wenn man meinen Code hier nachprogrammiert, dann funzt das auch. Das ist mein ganzes Geheimnis.<\/p>\n<h2>Wiederholungst\u00e4ter und Mundpropaganda<\/h2>\n<p>Das sind meine wichtigsten Werbemittel. Meine streng wissenschaftlichen Analysen (ich hab einfach viele Leute gefragt) haben ergeben, dass gerade das Inselfisch-Kochbuch durch Mundpropaganda immer mehr Besucher bekommt, besonders das mit der Barrierefreiheit spricht sich h\u00fcbsch herum. Und dann kommen meine Besucher auch wieder, sie benutzen das Kochbuch als Nachschlagewerk. Ich hab jetzt schon von vielen weiblichen Fans geh\u00f6rt, dass sie im Supermarkt mit dem Smartphone schnell mal ein Rezept im Inselfisch-Kochbuch nachschlagen und schauen, was sie daf\u00fcr einkaufen m\u00fcssen. Da hilft es nat\u00fcrlich, dass ein sauber umgesetztes WordPress-Theme im Regelfall fully responsive ist und auch auf dem Smartphone vern\u00fcnftig dargestellt wird.<\/p>\n<h2>Spezialisierung: ein Blog, ein Thema<\/h2>\n<p>Das mit der Spezialisierung war bei mir dringend notwendig, weil ich so breitgef\u00e4cherte Interessen habe. Ich male, ich programmiere, ich koche f\u00fcr mein Leben gern, ich schreibe B\u00fccher f\u00fcr Kinder und f\u00fcr Erwachsene und produziere Handarbeiten am laufenden Band, und das ist noch lang nicht alles.<\/p>\n<p>Ich habe in fr\u00fcheren Jahren schon mehrere vergebliche Anl\u00e4ufe gemacht, alle meine Interessensgebiete auf einer einzigen Webseite unterzubringen, und bin jedesmal \u00a0an dieser Sysiphosarbeit gescheitert. Letztendlich war \u00a0Wordpress der Schl\u00fcssel f\u00fcr die erfolgreiche Realisierung des Gemischtwarenladens evileu.de.<\/p>\n<p>Ich habe jedem meiner vielen Hobbies einen eigenen Blog geg\u00f6nnt, in dem ich jeweils nur \u00fcber ein einziges Thema blogge. Es sind jetzt insgesamt etwas mehr als 10\u00a0Blogs, nicht alle sehr aktiv, aber doch eine stolze Anzahl f\u00fcr eine private Homepage. Wenn man nur mal auf die Seiten \u00fcber meine Malerei schaut, das Thema ist jetzt aufgesplittet in meine Biographie als Malerin, meine Aquarelle, die Serie mit den blauen Planeten und dazu noch die Computergrafiken mit GIMP. Das macht 4 Kunst-Blogs, und die sind alle proppevoll mit Bildern und meinen Texten dazu. Aber eben sauber nach Themen getrennt, sonst verzettelt man sich. Und auch die Besucher verzetteln sich wenn eine Webseite zu viele verschiedene Topics anbietet, da werden die Men\u00fcs und Untermen\u00fcs und Unter-Untermen\u00fcs so verschachtelt, dass kein Schwein mehr durchblickt, und die Besucher nicht wiederkommen, weil sie nichts wiederfinden.<\/p>\n<p>Jetzt fahre ich da eine ganz klare Linie, und das hat f\u00fcr mich als viel-Bloggerin den Vorteil, dass ich sofort wei\u00df wohin damit, wenn mir eine Idee zu einem neuen Beitrag kommt. Und meine Besucher kennen sich auch aus, da jeder Themenblog einen unverwechselbarenb Look&amp;Feel hat, und man sofort wei\u00df ob man auf der Handarbeitsseite oder im Inselfisch-Kochbuch gelandet ist. Ich bin ein Buchhalterkind, ich liebe strukturierte Ablagesysteme!<\/p>\n<p>Damit sind wir ganz wunderbar beim n\u00e4chsten Stichwort gelandet:<\/p>\n<h2>Strukturierung: h1, h2 und Co.: eigentlich HTML f\u00fcr Anf\u00e4nger<\/h2>\n<p>Ob sie es glauben oder nicht, Textverarbeitung am Computer gab es schon lange vor Windows und WYSIWYG. Ich erinnere nur an TeX\/LaTeX oder an Word f\u00fcr DOS, wo man mitnichten auf dem Bildschirm angezeigt bekam, was dann auf dem Drucker herauskam. Damals lernten wir alles \u00fcber die Verwendung von sog. Textauszeichnungen, in Word f\u00fcr Windows hei\u00dfen sie Formatvorlagen. Und da HTML nichts anderes als eine Textauszeichnungssprache ist, gibt es sie \u00a0hier genauso. Jeder kennt sie, kaum jemand wendet sie richtig an. \u00a0F\u00fcr \u00dcberschriften sind h1..h6 vorgesehen, eine Tabelle formatiert man mit Hilfe des &lt;table&gt;-Tags, es gibt nummerierte Listen, es gibt\u00a0Image-Tags f\u00fcr die Bilder&#8230; das sind viele, aber doch\u00a0nicht endlos viele. Eine h\u00fcbsche komplette Liste aller HTML5-Tags findet ihr <a href=\"https:\/\/developer.mozilla.org\/de\/docs\/Web\/HTML\/HTML5\/HTML5_element_list\">hier bei MDN Web Docs<\/a><\/p>\n<h3>Trennung von Text und Formatierung<\/h3>\n<p>Die Idee dabei ist, Text und Formatierung sauber zu trennen. Ein einfaches Beispiel: eine Haupt\u00fcberschrift soll fett, in Arial und in 30 Punkt Gr\u00f6\u00dfe angezeigt werden. Was macht der WYSIWYG-Anwender? Er markiert den betreffenden Textabschnitt, dr\u00fcckt auf das Icon f\u00fcr &#8222;fett&#8220;, w\u00e4hlt in der Dropdownliste f\u00fcr die Schriftart &#8222;Arial&#8220; und scrollt in der Schriftgr\u00f6\u00dfen-Zahleneingabe rauf bis 30. Das erzielt zwar den gew\u00fcnschten Effekt, aber es ist textverarbeitungstechnisch nicht sauber. Wie gehts richtig? Die \u00dcberschrift kriegt die Tags &lt;h1&gt;&#8230;&lt;\/h1&gt;, und wenn man es nicht dem Browser \u00fcberlassen will wie eine \u00dcberschrift erster Ordnung dargestellt wird, legt man es in seiner CSS-Datei fest. Hierhin kommen unsere Textattribute, wenn man es richtig machen will.<\/p>\n<h3>Saubere Gliederung<\/h3>\n<p>Das habe ich bei der Umarbeitung meiner Webseiten auf barrierefrei neu lernen m\u00fcssen, bei mir hatte sich da \u00fcber die Jahre auch eine gewisse Schlamperei eingeschlichen. Ich schreibe ja sehr viel Text, und lange Textw\u00fcsten auf einer Webseite sind absolutes Bildschirmgift, die liest kein Schwein. Also, umdenken, Text in k\u00fcrzere logische Einheiten unterteilen, Zwischen\u00fcberschriften einf\u00fcgen, wo es Sinn macht, Listen und Tabellen verwenden. Das erh\u00f6ht die Lesbarkeit und h\u00e4lt den Besucher bei der Stange, weil er nicht von unstrukturierten Endlostexten gelangweilt wird.<\/p>\n<h3>Einfaches Beispiel: Rezepte mit Struktur<\/h3>\n<p>Ich h\u00e4tte da wieder ein einfaches Beispiel: alle meine Rezepte im Inselfisch-Kochbuch haben die selbe logische Gliederung:<\/p>\n<ul>\n<li>Einleitung<\/li>\n<li>Zutaten<\/li>\n<li>Zubereitung<\/li>\n<li>Tipps<\/li>\n<\/ul>\n<p>Diese Elemente sind als h2-\u00dcberschriften formatiert. H1 ist der Titel des jeweiligen Rezepts, das ist unser post_title aus WordPress. Der Text dazwischen ist einfach &lt;p&gt; wie Absatz. That&#8217;s all, nach diesem Muster schreibe ich alle meine Rezepte. Ich mu\u00df nicht dr\u00fcber nachdenken wie ich es mache, und es\u00a0hat bei meinem Publikum einen hohen Wiedererkennungswert und dient der allgemeinen \u00dcbersichtlichkeit und Verst\u00e4ndlichkeit. Mehr ist nicht dran an der Strukturierung &#8211; machen mu\u00df man es halt!<\/p>\n<p>\u00dcbrigens: Suchmaschinen lieben klar strukturierte HTML-Dokumente. Benutzer mit Handicap (Screenreader &amp; Co.) lieben sie auch, weil sie so klar durch das Dokument navigieren k\u00f6nnen. Deswegen ist eine gute Textstrukturierung auch eine der wichtigsten Voraussetzungen der Barrierefreiheit nach WCAG.<\/p>\n<h2>Mehr ist nicht dran an meinem SEO-Programm<\/h2>\n<p>Mit dieser Strategie bin ich zu meinen stolzen Besucherzahlen gekommen, \u00fcber alle Blogs gerechnet sind das jetzt insgesamt fast 50.000 seit Anfang des Jahres. Genug aus dem N\u00e4hk\u00e4stchen geplaudert, ich mach hier mal die Kiste zu. Ich hab mir n\u00e4mlich gerade ein neues Projekt in Sachen Barrierefreiheit angelacht, da hat der schwarze Pinguin jetzt ein bi\u00dfchen Sendepause. Bis die Tage!<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>An diesem Wochenende hat mein Besucherz\u00e4hler auf dieser Seite die 5.000er-Marke geknackt, und das ist eine respektable Zahl f\u00fcr einen sehr spezialisierten kleinen Blog wie den schwarzen Pinguin. Gez\u00e4hlt wird hier seit Februar diesen Jahres (2017), also hab ich hier rund gerechnet 5.000 Besucher in einem halben Jahr gehabt. Das freut mich pers\u00f6nlich sehr und [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[15,5,26,2],"tags":[],"_links":{"self":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/634"}],"collection":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/comments?post=634"}],"version-history":[{"count":6,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/634\/revisions"}],"predecessor-version":[{"id":640,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/634\/revisions\/640"}],"wp:attachment":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/media?parent=634"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/categories?post=634"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/tags?post=634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}