function scrollto(element){
$('html, body').animate({ scrollTop: ($(element).offset().top)}, 'slow');
};

Was geschieht hier genau? Ich habe hier eine normale Funktion geschrieben, die über jQuery den Abstand vom oberen Rand der Website bis zum element (ein Container mit einer Klasse) ausrechnet. Danach wird über jQuery mit .animate() die javascript Anweisung “scrollTop” animiert, die den zuvor berechneten Abstand scrollt.

Anwendung:

Wir rufen einfach die eben geschriebene Funktion scrollto() auf und geben der Funktion das Element mit, zu dem gescrollt werden soll. Ein Beispiel:
<a title="Zu den News!" href="javascript:scrollto('.news');">News</a>
Der Link “News” scrollt jetzt schön geschmeidig die Seite zu dem Element mit der Klasse .news und stoppt, wenn es bei diesem Element ankommt. Existiert kein Container mit dieser Klasse, wird auch nicht gescrollt.

Hier seht Ihr das Script in Aktion: www.wpbs.be (einfach oben durch das Menu klicken).

Scrollgeschiwndigkeit einstellen

function scrollto(element){
$('html, body').animate({ scrollTop: ($(element).offset().top)}, 'slow');
};

Cool, oder? Ein ansehnlicher Scrolling-Effekt ohne viel Aufwand.

Ein Beispiel

Möchte ich unterwegs mit dem iPhone schnell ein paar Websites ansurfen und mir Informationen einholen ist es ja super, dass die Website auf dem iPhone klasse aussieht, jedoch bringt mir das alles nichts, wenn ich aufgrund großer Bilddateien eine gefühlte Ewigkeit darauf warte, bis sie fertig geladen ist.

Es reicht also nicht, Bilder in voller Auflösung zu laden und über CSS responsive zu machen, sodass sie auf meinem kleinen iPhone gut sichtbar sind. Hier muss direkt das Bild in einer angepassten Auflösung vom Server zur Verfügung gestellt werden. Das spart Ressourcen, Ladezeiten und unnötige Aufreger!

Die Lösung?

“Soll ich jetzt von jedem Bild 6 Versionen abspeichern?” könnte man sich jetzt Fragen. Ich sage: Nein. Absolut nicht. Für so etwas gibt es passende Lösungen, die einfacher garnicht sein könnten. Eine davon stelle ich heute vor: adaptive-images.

Die Funktionsweise dieser Lösung

Adaptive Images arbeitet im Grunde komplett serverseitig. Das einzige was auf dem Endgerät geschieht, ist das Setzen eines Cookies, welches durch das Script erstellt wird. Dieses Cookie beinhaltet nichts anderes als die Höhe und Breite des Bildschirms in Pixelwerten.

Doch was passiert nun genau, wenn ich mit dem iPhone die Website ansteuere? 

Ganz einfach: die Anfrage nach einem Bild erreicht den Server. Das Script leitet diese Anfrage direkt an eine kleine PHP Datei. Diese liest dann das mitgesendete Cookie aus, verkleinert dann das Bild in die passende Größe und sendet es an das Endgerät zurück. Der Clou: bereits zugeschnittene Bilder legt das Script in einen Cache-Ordner. So wird bei jeder Anfrage kurz nachgesehen, ob das Bild schon zurechgeschnitten abliegt und wenn ja, genau dieses ausgeliefert. Das spart Serverressourcen und Anfragetimings.

Werde ich hier nicht beim Coding beeinträchtigt?

Ganz und gar nicht. Programmiert wird wie jeder einer es gewohnt ist. Das ist der riesen Vorteil von diesem Script. Bilder können per CSS als Background eingesetzt werden oder z.B. einfach als <img/> eingefügt werden. Halt wie man es gewohnt ist. Da das Script die komplette Anfrage abnimmt, ist es vollends egal, wie das Bild auf der Website eingefügt wurde.

Vorraussetzungen und Installation

Voraussetzungen:

Es gibt 3 kleine Vorraussetzungen, die allerdings meist schon von vielen Servern erfüllt werden:

• Apache 2
• PHP in Version 5.x
• GD Lib (für die dynamische Manipulation von Grafiken. Im Normalfall standardmäßig bei PHP dabei)

Erfüllt man diese Vorraussetzungen können wir loslegen:

Die Installation:

Ladet euch hier (adaptive-images.com) direkt die 19kb kleine ZIP herunter und entpackt sie. In dem entpackten Ordner befinden sich folgende Dateien:

• .htaccess (Standardmäßig auf Macs nicht sichtbar – stellt aber kein Problem dar)
• adaptive-images.php
• ai-cookie.php
• changelog.txt
• instructions_de.htm
• instructions.htm

Im Grunde benötigen wir nur 2 dieser Dateien plus eine Zeile Javascript, die in den Head Bereich eurer Webseite kommen muss. Wir beginnen damit, die Datei adaptive-images.php in das Hauptverzeichnis eurer Website zu laden.

Danach müssen wir die .htaccess Datei erstellen und mit verschiedenen Anweisungen befüllen. Wenn ihr schon eine .htaccess Datei habt, könnt ihr diese auch editieren und erweitern.

Ich habe keine .htaccess Datei:

Erstelle sie über FTP einfach (ACHTUNG: es muss ein Punkt davor sein) und befülle sie mit folgendem Code:

<IfModule mod_rewrite.c>
  Options +FollowSymlinks
  RewriteEngine On

  # Adaptive-Images 

  # Add any directories you wish to omit from the Adaptive-Images process on a 
  new line, as follows:
  # RewriteCond %{REQUEST_URI} !some-directory
  # RewriteCond %{REQUEST_URI} !another-directory

  RewriteCond %{REQUEST_URI} !assets

  # Send any GIF, JPG, or PNG request that IS NOT stored inside one of the above 
  directories
  # to adaptive-images.php so we can select appropriately sized versions
  RewriteRule .(?:jpe?g|gif|png)$ adaptive-images.php

  # END Adaptive-Images 
</IfModule>

Auch garkein Problem. Öffne die .htaccess und suche nach folgender Zeile:
<IfModule mod_rewrite.c>
Wenn du sie gefunden hast, füge innerhalb dieses Bereiches folgendes ein (nichts Bestehendes ersetzen, nur hinzufügen):

# Adaptive-Images 

# Add any directories you wish to omit from the Adaptive-Images process on a new 
line, as follows:
# RewriteCond %{REQUEST_URI} !some-directory
# RewriteCond %{REQUEST_URI} !another-directory

RewriteCond %{REQUEST_URI} !assets

# Send any GIF, JPG, or PNG request that IS NOT stored inside one of the above 
directories
# to adaptive-images.php so we can select appropriately sized versions
RewriteRule .(?:jpe?g|gif|png)$ adaptive-images.php

# END Adaptive-Images 

Mit diesen zwei Schritten leiten wir die Bildanfragen an den Server direkt durch die .htaccess an die adaptive-images.php Datei weiter. Diese kann bisher allerdings nichts damit anfangen, da es die Bildschirmmaße des Endgerätes nicht kennt.

Dafür fügen wir nun im Head Bereich eurer Webseite folgende Code-Zeile ein:

<script>document.cookie='resolution='+Math.max(screen.width,
screen.height)+'; path=/';</script>

Als letzten Schritt der reinen Installation erstellen wir im Hauptverzeichnis eurer Seite den Ordner ai-cache und setzen die Rechte auf CHMOD 777.

Konfiguration

Das wars schon für die Installation! Nun können wir die Konfiguration vornehmen. Öffnen wir hierzu die adaptive-images.php Datei. Wir haben hier einige Konfiguratiosnmöglichkeiten:

/* CONFIG */

$resolutions   = array(1382,992,768,480,320); // Die Auflösungsschritte für die Bilder erzeugt werden (Bildschirmbreite in Pixel)
$cache_path    = "ai-cache"; // Wo die verkleinerten Bilder gespeichert werden.  Der Ordner muss beschreibbar sein.
$jpg_quality   = 80; // Die Qualität der erzeugten JPGs 0 bis 100
$sharpen       = TRUE; // Verkleinerte Bilder verlieren an Schärfe, bei TRUE werden die Bilder geschärft 
$watch_cache   = TRUE; // stellt sicher das neu hochgeladene Bilder neu verkleinert werden
$browser_cache = 60*60*24*7; // Die Zeit in Sekunden für den BROWSER cache (Standard 7 Tage)
$mobile_first  = TRUE; // Ist kein Cookie vorhanden wird zuerst die mobile Version gesendet (wenn FALSE, wird das grösste Bild gesendet)

/* END CONFIG - Verändern Sie nichts nach dieser Zeile wenn Sie nicht wissen was Sie tun */

$cache_path bezeichnet den Ordner, den wir eben erstellt haben. Ändern wir hier den Wert, muss der Cache Ordner ebenfalls so benannt werden.

Der Rest ist eigentlich komplett Selbsterklärend und benötigt im Normalfall garkeine Zusatzkonfiguration.

Das war es schon! Wir haben nun das Script erfolgreich auf unserem Server laufen. Je nach Bildschirmgröße des Endgerätes wird der Server nun die passende Größe erstellen und ausliefern. Testet es selber und surft (falls vorhanden) mit eurem Smartphone auf eure Seite. Der Server wird in dem Cache Ordner den Ordner mit der passenden Größe erstellen (in meinem Fall 480) und dadrin die verkleinerten Fassungen der Bild ablegen.

WICHTIG: Das ganze funktioniert natürlich nur dann optimal, wenn die Quellbilder ausreichend groß hochgeladen wurden. So stellt man 100% sicher, dass man die meisten Displaygrößen abgreift.

Fazit:

Ihr seht, mit den passenden Tools in der Hinterhand werden eure Internetauftritte technisch von allerhöchstem Niveau sein! Vorallem in der heutigen Zeit und Fülle an Endgeräten ist es absolut wichtig, immer auf dem neuesten Stand der Technik zu sein um jedem Endbenutzer das optimale Web-Erlebnis zu bieten. Egal von welchem Gerät er euren Webauftritt gerade besucht.

Ein Entwickler von Facebooks Kern-Team namens Stoyan Stefanov berichtet in einem Blogbeitrag, dass man sich endlich die Zeit genommen hat zahlreiche Social Plugins von Grund auf neu zu programmieren, um endlich deutliche Geschwindigkeitsvorteile heraus spielen zu können. Facebook scheint verstanden zu haben wieviele Seitenbetreiber die Social Plugins mittlerweile einsetzen und wieviele Seitenbetreiber diese aufgrund der mangelnden Performance wieder abgestoßen haben (vom Datenschutz-Standpunkt ganz zu schweigen).

Während die beliebte Like-Box bereits im Vorfeld optimiert wurde, haben sich die Entwickler endlich dran gegeben weitere Social Plugins zu optimieren. In seinem Blogbeitrag lässt der Entwickler anhand des “Recommandations”-Plugins die neue gegen die alte Version antreten mit nahezu atemberaubenden Ergebnissen.

Alte Version

• WPT: http://www.webpagetest.org/result/130320_JH_7BB/
• Render start: 0.854s
• Fully loaded: 1.187s
• # of requests: 15
• Total payload: 333 KB

Neue Version

• WPT: http://www.webpagetest.org/result/130320_SJ_7B8/
• Render start: 0.378s
• Fully loaded: 0.569s
• # of requests: 10
• Total payload: 48 KB

Respekt! Allein die zu übertragende Datenmenge konnte von 333KB auf 48KB reduziert werden. Allerdings sollte nicht außer acht gelassen werden, dass 333KB auch einen unerträglich hohen Wert darstellte und förmlich nach einer Optimierung schrie. Wer 20 Kilo zunimmt, braucht nach Abnahme von 5 Kilo auch noch keinen Applaus zu erwarten. Dennoch haben sich die Entwickler mächtig ins Zeug gelegt. Neben der Datenmenge wurden auch die Javascript- und CSS-Anfragen (Requests) deutlich reduziert.

Fazit

Insofern man den Entwicklern Glauben schenken darf, sind die meisten Social Plugins nun doppelt so schnell und die zu übertragenden Datenmengen konnten um das 7-fache reduziert werden.

SEO-Optimierung ist nichts für Anfänger, aber…Content bleibt nunmal King!

Verstehen Sie mich nicht falsch. Global betrachtet ist Suchmaschinenoptimierung in der Tat sehr komplex und aufwändig, doch lassen Sie sich nicht von Fachbegriffen blenden und konzentrieren Sie sich auf Ihre Inhalte. Das ist Ihr Part. Sie können eine auf SEO spezialisierte Agentur beauftragen Ihnen unter die Arme zu helfen, doch schlussendlich sind Sie für die Inhalte verantwortlich. Sie sind in Ihrem Bereich der Agentur vom inhaltlichen Know-How her betrachtet klar überlegen.

Folgend eine Auflistung von grundlegenden und allgemeingültigen SEO-Tipps, wie Sie Ihre Inhalte in Eigenregie optimieren können.

• Schaffen Sie exklusiven Content, den Ihre Zielgruppe wirklich interessiert und verteilen Sie diesen maximalst in den Untiefen des Internet (Blogs, soziale Netzwerke, Foren,…).
• Eine fast textlose Website mag designtechnisch ansprechend sein, für Suchmaschinen sind diese Seiten allerdings eher ein Graus. Suchmaschinen gewichten anhand von Texten und Zusatzinformationen in Bildern. Ist davon kaum etwas vorhanden, wird es schwer eine gute Onpage-Optimierung anzubringen und Ihre Website nach vorne zu treiben.
• Adobe Flash sollte gänzlich vermieden werden, da genau wie bei Bildern kaum Informationen auszulesen sind und durch die Suchmaschinen verwertet werden können. Zudem ist Adobe Flash nicht barrierefrei, erfordert ein Plugin auf der Seite Ihrer Seitenbesucher und verlangsamt Ihre gesamte Website ungemein.
• Erhöhen Sie die Reichweite Ihrer Website durch eine kluge Vernetzung mit Partnern, Kunden und Lieferanten.
• Recherchieren Sie in welchen sozialen Netzwerken Ihre Zielgruppe aktiv ist und holen Sie die potentiellen Besucher Ihrer Website dort ab. Stürzen Sie sich nicht blind auf den Platzhirschen Facebook. Gut möglich, dass Ihre Kunden in ganz anderen sozialen Netzwerken verkehren (z.B. LinkedIn, Xing, Google+,…)
• Langweilen Sie die Besucher der Website nicht mit trockenen Pressemitteilungen und Bleiwüsten aus Text über Ihre 300-Jährige Firmengeschichte. Diese mag sicherlich für Hobby-Archäologen interessant sein und sollte ihren Platz auch bekommen, aber Ihre Zielgruppe wird diese wohl eher selten vom Hocker hauen.
• Sorgen Sie für wiederkehrende Besucher mit frischen und regelmäßig ändernden Informationen mit Mehrwert für Ihre Zielgruppe.
• Definieren Sie zwei bis maximal drei Hauptschlagwörter, die gezielt in den Texten platziert werden. So können Suchmaschinen Ihre Website klarer thematisch einordnen.
• Nutzen Sie Synonyme. Dadurch wird gewährleistet, dass Ihre Inhalte nicht bloß unter einem Suchbegriff auffindbar sind. Ihre Besucher suchen unterschiedlich. Prima wenn Sie dreimal unterstreichen, dass Ihre Kanzlei bereits 30 Jahre Erfahrung hat. Schade, wenn jemand nach “Rechtsanwalt” sucht.
• Respektieren Sie die Semantik eines Dokumentes und nutzen Sie ähnlich wie in einem Buch Titel und Untertitel in Form der HTML-Attribute H1-H6. Daraus resultieren klar strukturierte Inhalte für Ihre Zielgruppe und maschinell optimal auswertbare Informationen für Suchmaschinen. Ebnen Sie Mensch und Maschine gleichermaßen den Weg.
• Nutzen Sie Auflistungen. Das sorgt für eine klare Struktur und lockert Ihren Lauftext auf. Besucher und Suchmaschinen werden es Ihnen gleichermaßen danken. Nutzen Sie allerdings die dafür vorgesehenen HTML-Elemente <ul> und <li> und nicht simple Bindestriche, gefolgt von einem Zeilenumbruch.
• Der Dateiname von Bildmaterial hat eine hohe Relevanz und sollte mit Bedacht gewählt werden. Integrieren Sie wichtige Suchbegriffe direkt in die Dateinamen. Allerdings ohne Leerzeichen und Sonderzeichen.
  Schlecht: DSC_5324.jpg
  Besser: Team-Musterfirma-Musterstadt.jpg
• Alle eingesetzten Bildmaterialien sollten mit einem Alternativtext versehen werden. Dies erleichtert nicht nur den Suchmaschinen die Indexierung, sondern ist auch für Blinde ein wichtiges Kriterium, um die Website von einem Screenreader vorlesen zu lassen.
• Nutzen Sie Online-Tools wie das Keyword-Tool von Google, um sinnvolle Suchbegriffe ausfindig zu machen. Mutmaßen Sie nicht wie Ihre Besucher suchen. Prüfen Sie es nach.
• Ihrem Seitentitel kommt eine ganz besondere Bedeutung zu. Dieser wird sehr hoch bewertet und sollte immer aussagekräftig und thematisch zur jeweiligen Seite gewählt werden. Der Seitentitel, in HTML handelt es sich hier um das <title>-Element, wird von Google nach rund 40 Zeichen abgeschnitten. Platzieren Sie die wichtigsten Suchbegriffe daher vorne an. Passen Sie den Seitentitel für jede einzelne Seite entsprechend an.
• Achten Sie auf aussagekräftige, gut lesbare und mit Suchbegriffen ausgestattete Artikeltitel (der Titel Ihres Beitrages).
• Eine aussagekräftige Beitragsbeschreibung (Meta-Description) kann beispielsweise in WordPress mittels eines SEO-Plugins wie wpSEO einfach hinzugefügt werden. Diese sollte eine kurze und knappe mit Suchbegriffen gespickte Zusammenfassung des Beitragsinhalts sein.
  

Foto: xlibber 

1. Durch regelmäßige Blogbeiträge sorgen Sie für eine optimale Leserbindung und wiederkehrende Besucher.
2. Suchmaschinen freuen sich über Unique Content und kehren gerne zu Ihnen zurück, wenn Sie exklusive und selbst verfasste Inhalte bieten, die man sonst nirgendwo im Internet finden kann.
3. Durch fachlich versierte Beiträge stellen Sie Ihre Kompetenz in den Vordergrund und überzeugen durch Ihr fachliches Wissen und nicht durch plumpe Werbesprüche.
4. Gute Inhalte werden gerne verlinkt. Dadurch schaffen Sie eine optimale Basis für eine erfolgreiche Suchmaschinenoptimierung. Da Suchmaschinen wie Google Backlinks als Empfehlung werten, sind frei durch andere platzierte Rückverlinkungen Gold wert.
5. Sie schaffen eine gemeinsame Dialoggrundlage mit den Besuchern Ihrer Website wenn Sie Kommentare zulassen.
6. Bevor Sie Ihre Inhalte lediglich in einem sozialen Medium Ihrer Wahl platzieren, überlegen Sie ob dieser Beitrag es nicht eher wert ist nachhaltiger auf der eigenen Website platziert zu werden, um potentielle Besucher raus aus den sozialen Netzwerken hin zu Ihrer eigenen Website zu locken durch eine entsprechende Verlinkung.
7. Inhalte mit Mehrwert müssen keine Romane sein. Auch kurz gefasste Informationen sorgen für Abwechslung und können sehr informativ sein.

Creative Commons Search

Unter http://search.creativecommons.org finden Sie eine tolle Suchmaschine für kostenlose Fotos, Songs und Videos für Ihren Blog.

Alle Materialien stehen unter der so genannten Creative Commons Lizenz zur Verfügung. Heisst: Sie dürfen die Materialien nutzen, müssen aber einen sichtbaren Copyright-Hinweis hinzufügen und zum Autor verlinken. Was Sie genau beachten müssen wird aber auch in der FAQ-Rubrik erläutert.

Wie führe ich eine Suche durch?

Um eine Suche zu starten, muss einfach in das große Suchfeld ein Begriff eingegeben und aus den verschiedenen Quellen eine ausgewählt werden. Man nehme beispielsweise die Fotodatenbank FLICKR. Anschließend gelangt man zu den entsprechenden Ergebnissen auf der FLICKR-Website.

Darf ich diese Materialien auch auf kommerziellen Seiten nutzen?

Nur teilweise. Die Suchmaschine erlaubt allerdings mittels eines kleinen Häkchens explizit für den kommerziellen Gebrauch zugelassene Materialien mit aufzuführen. Die Auswahl ist aber bedeutend größer, wenn man einen nicht-kommerziellen Blog betreibt.

Hinweis: Was ist ein nicht-kommerzieller Blog?

Wenn Sie einen privaten Blog oder einen Vereinsblog betreuen oder selbst einen Blog für Ihre Firma – vorausgesetzt es wird keine Werbung eingeblendet – handelt es sich in der Regel um einen nicht-kommerziellen Blog.

Freerange

Freerange bietet nach einer kostenlosen Registrierung Zugriff auf tausende kostenlos nutzbare Foto- und Bildressourcen.

Geben Sie einfach einen Suchbegriff in das Suchfeld unterhalb des großen Willkommens-Fotos ein. Freerange teilt sogar mit welche Suchbegriffe eingegeben werden müssen, um das große Foto zu finden. In diesem Fall: “wine barrel”

Angeführt werden die Suchresultate von gesponsorten Fotos bekannter Fotoagenturen. Etwas tiefer findet man jedoch den Bereich “Free Stock Photos from Freerange” mit der Auflistung der kostenlos erhältlichen Fotos. Ist man registriert und angemeldet, kann man jedes Foto kostenlos runterladen und nutzen. Auch zu kommerziellen Zwecken.

Everystockphoto

Everystockphoto gibt sich auch umgehend als Search Engine for Free Photos aus. Everystockphoto ist sehr intuitiv und einfach zu bedienen. Genau wie die Creative Commons Suche auch, bezieht Everystockphoto die angebotenen Fotos aus zahlreichen Quellen. Die Fotos werden unter verschiedenen Lizenzen angeboten. In der Detailansicht eines jeden Fotos lässt sich aber klar sehen, welche Lizenz in Frage kommt.

Compfight

Ein weiterer Dienst ist Compfight.

Compfight bezeichnet sich selber auch als “A Flickr Search Tool”. Folglich werden – mal wieder – Ressourcen von Flickr agreggiert. Allerdings ist Compfight deutlich unübersichtlicher bezüglich der Lizenzen. Hier ist es schwieriger herauszufinden ob ein Foto nun genutzt werden darf oder nicht. Bessere Variante: Nach Eingabe eines Suchbegriffes auf Creative Commons links klicken (siehe Abbildung). Dadurch werden wirklich nur 100% Fotos unter der Creative-Commons-Lizenz ausgegeben.

Gibt es noch weitere Quellen für Blogger-Ressourcen und Fotos? Wer kennt was? Ich freu mich auf eure Ideen und Anregungen!

Das Buch richtet sich sowohl an ehrgeizige Einsteiger als auch an fortgeschrittene Nutzer. Aber auch Leser, die sich bereits seit Jahren mit WordPress beschäftigen, werden sicher einige Tipps, Tricks und Kniffe kennenlernen, die sie bis dato noch nicht kannten.
Ende Juli ist es soweit. Dann erscheint mein erstes Buch als Fachautor für den deutschen IT-Fachverlag FRANZIS in der Pro-Line. Im Fokus steht…WordPress. Dabei werden nicht langatmige Screenshot-Serien aufgetischt, um den ohnehin selbsterklärenden Installationsverlauf von WordPress zu erläutern. Vielmehr gilt es “das letzte Quentchen etwas” aus WordPress herauszuholen.

Tipps, Tricks, Kniffe für mehr Performance, Security und…weniger Plugins dank Code-Snippets

In praxisnahen Workshops werde ich zahlreiche Tipps und Tricks vorstellen um Punkto Performance und Security ein Optimum aus WordPress herausholen zu können. Statt jede Anforderung mit Plugins zu lösen, wird auf “Risiken und Nebenwirkungen” ebenso hingewiesen wie auf mögliche Wege die ein oder andere Option auch ohne Plugin zu bewerkstelligen. Vieles ist möglich, viele wissen es nur nicht. Hier klär ich auf. So werden in einem separaten Kapitel zahlreiche Code-Snippets präsentiert – kleine Code-Bausteine, die sich ganz einfach integrieren lassen um eine Fülle an Erweiterungen beizusteuern.

Geschützte Bereiche mit WordPress

Doch nicht nur die Themen Performance und Sicherheit nehmen einen zentralen Part ein. In jeweils getrennten Kapiteln wird Schritt für Schritt erklärt wie man ganz einfach passwortgeschützte Bereiche erstellt und den Besuchern einen vollwertigen Loginbereich zur Verfügung stellt um so die Besucher besser an sein Angebot binden zu können.

Mobile Websites: Responsive Webdesign und mobile Alternativen

Selbstverständlich darf in der heutigen Zeit auch das Thema mobile Websites nicht fehlen. Statt jedoch “die eine” Lösung zu präsentieren steht ein generelles Aufklären des Lesers im Vordergrund. Denn “den einen richtigen” Weg in WordPress gibt es nicht. Ob es nun um Plugins, Themes oder eben mobile Websites geht. Schlussendlich muss immer von Fall zu Fall entschieden werden. Wer nun jedoch trockene Theorie erwartet, wird auch enttäuscht ;) So wird im Rahmen von Praxis-Workshops die eigene Website fit gemacht für den mobilen Alltag!

Die Website zum Buch

Begleitet wird das Buch von einer eigenen Website, die nicht nur die Code-Snippets zum bequemen herauskopieren, sondern zudem zahlreiche Zusatzmaterialien zum Thema bereithalten soll. Zudem werden viele Links zu Dokumentation, Support und Foren, die dem Leser im Falle der Fälle weiterhelfen können, vorgestellt. Crossmedial wird über das Buch auf diese Inhalte verwiesen und so wird die Website zum ständigen Begleiter des Lesers – auch wenn das Buch natürlich auch ohne diese Website funktioniert ;) Zum bequemen Herauskopieren der zahlreichen Code-Beispiele ist die Website als Wegbegleiter allerdings optimal geeignet.

Jetzt vorbestellen: Das WordPress-Praxisbuch von Gino Cremer

Das Buch kann bereits heute vorbestellt werden auf Amazon

Panik in der WordPress-Community! Millionen von WordPress-Blogs wurden mit einer recht simplen aber brachialen Methode Opfer einer so genannten Brute Force Attacke. Die Vorgehensweise ist simpel: Mittels gekaperter Rechner (tausende) werden unzählige Versuche getätigt sich in WordPress einzuloggen. In diesem Falle “droschen” die Hacker auf den User “admin” ein und versuchten unzählige Passwort-Kombinationen aus um sich Zutritt zu verschaffen. Die oftmals technisch nicht versierte Zielgruppe von WordPress macht es Hackern besonders einfach mittels dieser Brute-Force-Attacken und Wörterbuch-Software im Schlepptau Ihr WordPress zu knacken.

Sicher ist sicher: Kein User “Admin” und sichere Kennwörter wählen!

Diese Attacke und der daraus resultierende “Erfolg” zeigt eindeutig, wie sträflich die einfachsten Sicherheitsmaßnahmen seitens der Betreiber von WordPress-Blogs ignoriert werden. Dabei ist es ganz einfach: Zu Beginn der Installation muss man einen ersten Admin-Nutzer anlegen. Nennen Sie ihn einfach nicht “admin”! Hackern ist bekannt, dass solche Nutzernamen sehr geläufig sind und sind diese zudem gepaart mit einfach zu knackenden Passwort-Kombinationen wie “abc123″, ist das Unheil angerichtet!

Attacke gibt falsches Bild ab: WordPress ist nicht per se unsicher!

Die Attacke gibt in der Öffentlichkeit allerdings oftmals ein vollständig falsches Bild ab und könnte zu der Annahme führen, WordPress sei per se nicht sicher. Da WordPress eine enorme Popularität genießt, haben es die Schlagzeilen zu den aktuellen Übergriffen sogar in das ansonsten eher technik-unlastige Spiegel Online (SPON) geschafft.

Wo ein Mensch, da ein Fehler.

Dass WordPress nicht sicher ist, entspricht allerdings nicht der Wahrheit und überfliegt man die Schlagzeile könnte man in der Tat davon ausgehen, dass die Software an sich gehackt worden sei. Natürlich handelt es sich bei WordPress um ein (zugegeben toll programmiertes) Stück Software, dennoch bleibt es Software. Und Software ist verwundbar. WordPress per se ist sicher. Nur der Faktor Mensch ist eine unerschöpfliche Fehlerquelle, die von potentiellen Angreifern immer wieder gern genutzt wird. Einfach zu knackende Kennwörter, vorhersehbare Ordnerstrukturen, keine regelmäßige Aktualisierung der Plugins, ein veralteter Systemkern. Tür und Tor. Offen für ungebetene Gäste und die Horrorvision eines jeden Seitenbetreibers.

Oft vernachlässigt: Plugins und WordPress aktualisieren

Ebenfalls sträflich vernachlässigt wird das Aktualisieren sowohl des technischen Unterbaus (WordPress Kernsystem) als auch der Plugins. Da zudem im Quellcode oftmals die genaue Version des installierten WordPress-Systems gelistet ist, wird es selbst für minder talentierte Hacker zum Kinderspiel Sicherheitslöcher in genau jenen Versionen ausfindig zu machen. “Script-Kiddies” finden schicke Anleitungen binnen Minuten im Netz. Einzige Maßnahme: Updaten! Halten Sie Ihr WordPress aktuell.

Sie möchten Ihre WordPress-Installation sicherer machen?

Wie Sie Ihre WordPress-Website zudem effektiv und einfach schützen, erfahren Sie in unserem Blogbeitrag “10 Tipps zur Verbesserung der WordPress Security”.

In einigen Artikel habe ich den allzu laschen Umgang mit den Themen Datenschutz und Privatsphäre vorallen Dingen in Übersee kritisieren. In Europa, genauer genommen in Deutschland wird aber zunehmend eine andere – ebenso beunruhigende – Richtung eingeschlagen. Hier wird notfalls mit der Anwaltskeule und mit erhobenem Zeigefinger jedwelcher Ansatz sozialen Teilens und Verbreitens von interessanten Informationen im Keime erstickt. Abmahnfalle Facebook.

Spürhund Anwaltskanzlei

Verstehen Sie mich nicht falsch. Ich bin sicher kein Befürworter von Straftaten. Ganz im Gegenteil. Auch im Netz gelten Regeln an die man sich zu halten hat, aber ist das nicht ein bisschen zuviel des Guten, wenn sich Anwaltskanzleien bereits auf das Aufspüren juristischer Kinkerlitzchen auf Facebook-Seiten spezialisiert haben? Wie mit Spürhunden werden Seitenbetreiber und (teilweise) unwissende Nutzer mit Abmahnungen drangsaliert. Sicher, manche wissen auch was sie da tun. Die breite Masse aber sicher nicht. Teilen ist so einfach. Eine Facebookseite kann technisch betrachtet binnen weniger Minuten online geschaltet werden. Das Verhalten in sozialen Netzwerken wird an Schulen kaum unterrichtet. Wer nicht selber Anwalt ist, kann in manchen Fällen gar nicht wissen was sein muss oder nicht. Dumm nur, wenn sich die Anwaltsarmada darauf spezialisiert hat das Haar in der Paragraphensuppe zu finden.

Abmahnungen: Ist das ein deutschlandweiter oder europaweiter Trend?

Abmahnungen scheinen eher ein typisch deutsches Phänomen zu sein. Das ist nichts Neues. Sicher, auch in anderen Ländern werden Menschen zur Rechenschaft gezogen, die sich nicht an die Spielregeln halten. Aber nirgendwo wird so exzessiv mit Mistgabel und lodernder Fackel Jagd auf vermeintliche Verbrecher gemacht wie in Deutschland. Möchte man sich informieren, was man denn nun darf und was nicht, kommt man fast zu dem Schluss: Am besten gar nichts machen, dann macht man sich auch nicht strafbar. Sozialer und technologischer Stillstand. Teilen ist Silber, Schweigen ist Gold.

Abmahnungen kein neuer Trend – Aber ernst zu nehmen

Dabei ist dieser Trend zu Abmahnungen kein wirklich neuer Trend, er hat sich nur auf die sozialen Netzwerke verlagert, denn hier finden hungrige Paragraphenreiter noch genug Futter für Rechtsstreitigkeiten, welche sich zudem gegen Menschen richten, die sich mit einer kostenintensiven Abmahnung schnell einschüchtern lassen. Keine jahrelangen Probleme und Konflikte. Abmahnung. Bitte zur Kasse. Dankeschön auf Wiedersehen. Der nächste bitte.

Vor nicht allzu langer Zeit konnte man auf Facebook tatsächlich noch Menschen treffen ohne in irgendeiner Form mit Werbung jedwelcher Art genervt zu werden. Klar, die Seitenleiste mit Werbeanzeigen war da, konnte aber ignoriert werden. Mittlerweile gleicht Facebook allerdings eher einem drittklassigen Privatsender zu vorgerückter Stunde. Neben der durch den Konzern Facebook selber angebotenen nach Aufmerksamkeit lechzenden Werbevielfalt, sind es zunehmend die Nutzer selber, die sich langfristig gegenseitig den Spaß an Facebook nehmen werden. Eigentor. Klassisch.

Die Kasse klingelt: Über umstrittene Werbemöglichkeiten auf Facebook

Es ist klar, dass bei einem Unternehmen wie Facebook irgendwie die Kasse klingeln muss. “Nichts ist umsonst, selbst der Tod kostet das Leben”. Meine zwei Cent. Nach dem Börsengang gewinnt man jedoch mehr und mehr den Eindruck, als ließe Facebook keine einzige Gelegenheit aus, auf Biegen und Brechen den Anwendern das Geld aus der Tasche zu ziehen. Was auf den ersten Blick populistisch klingt, wird konkret wenn man die aktuellen und zukünftigen Werbemöglichkeiten Facebooks genauer unter die Lupe nimmt.

Es wird immer SKURRILER: Das bezahlte Hervorheben fremder Beiträge

Was früher der “Klingelton-Mafia” auf Privatsendern vorbehalten war, wird nun in aller Legalität von Facebook selber praktiziert. Das Binden von hauptsächlich jungen Menschen über einen auf den ersten Blick mickrig erscheinenden Obolus für Dinge, die im Grunde kein Mensch braucht. Neueste Errungenschaft aus dem Hause Zuckerberg: Das bezahlte Hervorheben fremder Beiträge. Nur, dass wir uns richtig verstehen: Man kann zahlen, um Beiträge anderer hervorzuheben. Man habe nur Gutes im Sinn, so Facebook. So könne man karitative Aktionen anderer gezielt hervorheben und Gutes tun. Dass diese Methode jedoch beispielsweise Schüler animieren könnte, gegen einen kleinen Teil des Taschengeldes Mobbingmaterial auf Facebook hervorzuheben, welches sich ganz gezielt gegen einzelne Menschen richtet, wird gekonnt ignoriert. Unlängst ist bekannt wie Schüler und Jugendliche das Medium Facebook zu diversen wahrlich unkaritativ-unchristlichen Aktionen missbrauchen. Und Facebook wirft alle moralischen Bedenken einfach über Bord. Hauptsache die Kasse stimmt.

Neuster Trend: Gewinnspiele. Teil oder stirb!

Ist man als Facebook Seitenbetreiber zu geizig auf die Werbeanzeigen Facebooks zurück zu greifen, stellt man einfach einen x-beliebigen Preis zur Verfügung und überlässt alles Weitere den Nutzern. Teilen, liken, kommentieren. Und gewinne: Einen Toaster! Wow! Mit was Glück. Die Verlosung findet nur statt wenn ein Bild zehntausend mal geteilt wurde. Cleverer Schachzug! Billiger ist Werben kaum möglich. Und die massive Teilnahme vieler Nutzer an solchen Gewinnspielen gleicht eher einer Schlacht um überflüssige Rabattcoupons für noch Überflüssigeres.

Wer teilnimmt, bestraft sich selber. Mittel- bis langfristig.

Dass sich schlussendlich mit der Teilnahme an diesen Gewinnspielen – die darüber hinaus übrigens in keinster Weise Facebooks Nutzungsrichtlinien entsprechen – die Nutzer selber bestrafen indem sie sich und ihr Umfeld auf der Suche nach einem sinnlosen Sachpreis mit diesem virtuellen Unsinn behelligen, scheint vielen gar nicht wirklich bewusst zu sein. “Kost’ ja nix”. Stattdessen wird fleißig weiter digitaler Müll verteilt und durch die Newsfeeds der Freunde gejagt. Würde ein Like auch nur ein Cent kosten. Man würde sich das Teilen sparen und auf den zu gewinnenden Toaster pfeifen. Ein Traum. Es käme jedem Facebook-Nutzer zugute.

Guten Morgen, Schönes Wochende, wer will jetzt auch Sonne? Wer hat noch nicht, wer will nochmal? Über sinnlose Statusmeldungen von Seitenbetreibern

Neben den Gewinnspielen und dem allseits bekannten Cat-Content (Katzen, Babys und verlinkte “Irgendwas Hauptsache lustig”-Videos ziehen immer auf Facebook) sind stupide Statusmeldungen von Facebook-Seitenbetreibern ohne jedwelchen Mehrwert für den Leser allseits beliebt und immer wieder gerne eingesetzt. Wenn es schon sonst an Kreativität und wirklich interessantem Input fehlt. Dass diese Meldungen austauschbar sind, nicht zur Markenbindung beitragen und schlichtweg nerven, scheint keinen Seitenbetreiber zu interessieren. Hauptsache es wird “geliked”. Der Seitenbetreiber freut sich vielleicht über 20 Likes mehr als bei herkömmlichen Meldungen. Dass aber die 800 (oder mehr!) anderen richtigen Fans “in die Röhre schauen”, wird vergessen. Auf wirklich gute Inhalte wird keinen Wert mehr gelegt. Hauptsache die Effekthascherei zahlt sich aus. Ein paar Likes gehen immer für “Wenn du Sonne willst, klicke gefällt mir und sag uns wo du jetzt gerne wärst”.