Leider mit Verspätung meine Bachelorarbeit über HTML5.
Schwerpunkt war das Semantic Web und die Möglichkeiten der neuen Technologien; ist auch für Einsteiger geeignet.
Frontendentwickler und Webdesigner sollten vor allem was mit dem semantischen Part anfangen können.

Titel: HTML5 Elemente und -Technologien als Grundlage für semantische und interaktive Webinhalte

Leider sind ein paar Punkte schon wieder nicht mehr so up2date (ändert sich ja jeden Tag). Bei Fragen könnt Ihr Euch gerne bei mir melden, ich versuche sie zeitnah zu beantworten.
Abgabedatum war 21.02.2012.

Hier geht’s zum Download: HTML5 Bachelorarbeit

HTML5-Technologien und -Elemente als Grundlage für semantische und interaktive Webinhalte von Alexander Graf steht unter einer Creative Commons Namensnennung-NichtKommerziell-KeineBearbeitung 3.0 Unported Lizenz.

Die Arbeit ist nun unter mit einer CreativeCommons Lizenz lizensiert, das bedeutet ihr dürft die Arbeit unter Angabe meiner Namens und einem Link zu meiner Website weiterverbreiten, allerdings nicht verändern oder kommerziell nutzen.
Zitieren ist natürlich auch erlaubt, spielt mir aber nicht den Guttenberg ;-)

Google schraubt mal wieder an seinem Aussehen rum. Ich war mir zuerst gar nicht so sicher, mir ist aber aufgefallen, dass irgendetwas anders ist. Ich habe dann das Layout mal mit älteren Screenshots verglichen und siehe da: Google hat seine Adresszeile jetzt oben unter dem Titel, bzw. über dem Text-Snippet.

Hier der Beweis (Bild zum Vergrößern anklicken).

Google zeigt Adressen über Text Snippet

Seit wann ist diese Veränderung online? Hab ich’s nur nicht bemerkt? Wie auch immer macht Google seine Änderungen stets sehr behutsam, wenn man sowas fast nicht merkt. Ein zu starker Layoutwechsel könnte ja schließlich die User verschrecken…

Auch wenn ich dem Page Rank nicht mehr so viel Bedeutung zukommen lasse, freue ich mich immer wieder auf die Updates. Meine Ranking sind teilweise gestiegen und gefallen. Da meine Webseiten alle 100% sauber optimiert wurden kann ich mir die teilweisen Abzüge nicht erklären. Vielleicht wird da an der Balance gespielt?! Sozusagen ein NextGeneration-PageRank? Mal sehen.

Hey ich hab weder was drüber gelesen, noch weiß ich ob das schon länger in Planung war. Jedenfalls war die Top-Navigation schon seit einigen Tagen andersfarbig. Jetzt sieht es danach aus, als ob Google sich einen neuen Anstrich verpassen würde.
Ich habe eben ein wenig an einem Javaprogramm geschrieben und bei Google etwas gesucht als sie das Layout plötzlich angepasst haben. Hier der Vergleich vorher <-> nachher.
Vorher

Das klassische Google Layout

Wird das das neue Google Layout?

Nach nur einer Suchanfrage war es wieder verschwunden. Vielleicht war es auch nur ein Bug, was ein personalisiertes Layout kurzzeitig aktivierte?! Was meint ihr?

Update: Okay es wurde schon auf dem GoogleWatchBlog angekündigt und ist tatsächlich ein neues Layout!

In diesem Beitrag möchte ich ein paar Tipps geben, wie eure SEO-Blogs aufbauen könnt. Als Blogsystem könnt ihr am allerbesten WordPress nehmen. Dieses CMS ist einfach zu modifizieren, es gibt unzählige Plugins und ist kinderleicht zu bedienen. Wenn ihr die Blogs nicht selbst hosten wollt, könnt ihr direkt die Services von WordPress selbst oder von Blogger benutzen. Um optimale SEO-Effekte zu erzielen, würde ich euch allerdings empfehlen, eigenen Webspace anzumieten und auf diesem die Blogs zu installieren. Die Vorteile liegen auf der Hand: Ihr könnt jegliche und beliebig viele Plugins einbauen und ihr habt alle Berechtigungen, um auch Einstellungen an Datenbanken und Dateien, z.B. der htaccess, vorzunehmen. Es gibt keinen Grund auf ein eigenes Blognetzwerk zu verzichten. Es ist einfach, unkompliziert und ihr habt volle Kontrolle. Bei sauberem Linkaufbau ergeben sich auch manchmal Chancen, mit Kollegen gute Links zu tauschen. Der Nutzen kann sich somit noch potenzieren.

Layout & Design

Das Layout eines Suchmaschinen-Blogs ist relativ unwichtig, da die Crawler der Suchmaschinen sowieso nur den Code und den Text sehen. Wenn der Blog allerdings auch von Usern besucht werden soll, dann ist es wichtig, dass dieser sich gut zurechtfindet. Je nach Wunsch könnt ihr das Design des Blogs im Corporate Design eurer Hauptinternetseite oder auch völlig anders gestalten. Die Domain des Blogs sollte bereits relevante Keywords enthalten, mit denen auf die Hauptseiten verlinkt werden sollen.

SEO-Texte schreiben

Die SEO-Texte sind die zentralen Elemente in einem SEO Blog. Achtet auf die sinnvolle Nutzung eurer Keywords und überladet euren Artikel nicht mit ihnen, um Abstrafungen von Google zu vermeiden. Dabei könnt ihr auch auf Synonyme der wichtigsten Schlagwörter zurückgreifen. Mit Bildern könnt ihr zusätzliche Sucheinstiege über die Google Bildersuche generieren. Vergesst deshalb nicht die Beschreibung des Bildes und das „alt-Attribut“, welche bei der Google Bildersuche noch immer eine Rolle spielen. Auch der Titel des Bildes spielt hier, neben dem umgebenden Text, eine entscheidende Rolle. Ich empfehle die Benennung eines Bildes nach folgendem Muster:

• Zusammenhängender-begriff.jpg
• Zwei_begriffe.jpg
• Zwei_begriffe_und_ein_zusammenhängender-begriff.jpg

Google und potenzielle Besucher schätzen eine übersichtliche Gliederung der Inhalte. Ein Crawler orientiert sich vor allem an Überschriften (dem h-Tag), wohingegen ein Besucher vor allem auf die optische Gestaltung der Schlagzeilen achtet. Vor allem bei längeren Texten ist eine Gliederung empfehlenswert – SEO-Artikel sollten zudem über mehrere hundert Wörter verfügen, wenigstens jedoch ca. 300 um den Suchmaschinen mehr Inhalte und Keywordzusammenhänge zu liefern. Zu guter Letzt solltet ihr die Verlinkung bewusst planen, um die Links im Text gleichmäßig verteilen zu können. Je mehr Links in einem Absatz stehen umso geringer ist die Bedeutung eines Links.
Optional, aber sinnvoll ist die manuelle Eingabe von Titel und Meta-Description. Es gibt zahlreiche Tools für WordPress, die zusätzliche Felder im Backend hinzufügen um jene Daten einzugeben. Man erhält so die Möglichkeit die Artikel sinnvoll zu erschließen und Suchmaschinen die größtmögliche Relevanz zu bieten.

Stellt euch vor ihr seid selbstständig mit einem Internet-Versandhandel. Euer Onlinenetzwerk besteht bisher nur aus eurem Shop auf einer eigenen Domain, außerdem verkauft ihr über Ebay und Amazon. Euer Angebot ist groß und wird stark nachgefragt – doch euer Gewinn schmälert sich stark durch die hohen Provisionen, die Amazon und Ebay kassieren. Ihr habt ein Problem: Ihr seid abhängig! Macht euch unabhängig mit eurem Shop und macht ihn zu eurem Standbein im Internet. Doch momentan sieht es sehr düster aus, denn Besucher erreichen den Shop nur selten und haben keinen Bezug zu eurer Marke.
Ihr müsst umsatteln und selbst Suchmaschinenoptimierung betreiben. Auf Online-Marktplätzen und –flohmärkten seid ihr davor gefeit selbst SEO zu betreiben, doch wenn ihr Unabhängigkeit in der eCommerce-Welt wollt, müsst ihr auch unabhängig eure Seiten für Suchmaschinen optimieren. Also was tun?

SEO ist eine sehr zeitaufwändige Beschäftigung. Vor allem von fremden Seiten Links zu ergattern stellt sich oft als schwer und teilweise kostspielig heraus. Es geht also darum kostengünstig und ohne viel Aufwand an relevante und qualitativ hochwertige Links zu kommen. Das klappt am besten mit einem Linkumfeld, das ihr selbst kontrollieren und gestalten könnt – bedeutet ihr baut euer eigenes Linknetzwerk.

Was gehört zu einem Linknetzwerk?

Ein mächtiges Tool um schnell und einfach viele Seiten zu gestalten ist das Content Management System WordPress. Mit diesem Blogsystem könnt ihr zu relevanten Themenstellungen Blogs erstellen und sie mittels interessanter Layouts unterschiedlich gestalten, sodass optisch keine Nähe mehr zu eurem Online-Shop erkennbar ist. Nun geht es nur noch darum sie mit Inhalten zu füllen. Diese müssen einzigartig sein und in Bezug auf Faktoren wie Linkdichte, Keyworddichte und Einbindung von Bildern und anderen Medien optimiert werden. Durch Online-Content Dienstleister können Textpakete gekauft werden, alternativ bieten sich aber auch 400€ Jobs als gute Möglichkeit der Content-Produktion an.

Interessante Inhalte können auch in euren Linknetzwerken publiziert werden!

Macht Euch mit einem eCommerce Blog einen Namen

Nischenportale als Chance

Solltet ihr in eurem Shop möglicherweise ein Produkt verkaufen, was bei einer besonderen Zielgruppe sehr beliebt, sonst aber eher links liegen gelassen wird, könnt ihr auch darauf aufbauen. Die interessierte Zielgruppe hat möglicherweise ein Interesse an einem Portal zu ihrem Lieblingsthema. Solltet ihr der Webmaster über ein solches Portal sein: Herzlichen Glückwunsch! Eure Links werden sich in der Szene viral verbreiten, ohne dass ihr etwas tun müsst, außer den Content zu liefern, den das Portal so wertvoll macht.

Neben meinem Google Tutorial (Link) möchte ich mich mit in einem weiteren Thema dem Suchgiganten Google widmen. SEO (Suchmaschinenoptimierung, engl. “Search Engine Optimization”) ist in aller Munde und entsprechende Agenturen schießen wie Pilze aus dem Boden. Dabei dreht sich, wie so oft, alles um Google.

Suchmaschinenverteilung im Mai 2011; Quelle: Seo-united.de

Worum geht es bei der Suchmaschinenoptimierung? Ziel bei der Optimierung von Webseiten für Google ist es, bei bestimmten Keywords auf der ersten Seite in den Suchergebnissen, oder noch besser auf Rang 1, zu erscheinen. Dieses Unterfangen dauert meist mehrere Monate bis hin zu Jahren und erfordert viel Geduld und Ausdauer.

SEO, aber richtig!

Bei der Suchmaschinenoptimierung werden bewusst viele Links auf die gewünschte zu unterstützende Seite gesetzt. Dabei kommt es im Allgemeinen vor allem auf die Anzahl der Links, den Ankertext, das thematische Umfeld des Links und die Seriosität der verlinkenden Seite an. Diese Faktoren sollten einem natürlichen Linkwachstum entsprechen, um Google einen natürlichen Linkaufbau zu simulieren. Es gibt allerdings noch zahlreiche andere On- und Offpage Faktoren, die das Ranking einer Seite maßgeblich beeinflussen (laut Spamhunter Matt Cutts ca. 200). In späteren Beiträgen erfahrt ihr mehr über diese Themen.

Tolle Techniken auch ohne SEO-Kenntnisse

Ohne SEO geht im Internet gar nichts mehr

Wie fängt man mit SEO an?

Wenn man eine Checkliste aller wichtigen Dinge machen müsste, die zu beachten sind, stünde man ratlos da und wüsste nicht wo man anfangen sollte. Meiner Meinung nach sollte gutes SEO auf der eigenen Seite beginnen: Gute interne Verlinkung und aussagekräftige Titel- und META-Tags sind Ansatzpunkte um seine Webseite erfolgreicher zu machen. Eine übersichtliche Navigation kann sowohl für Suchmaschinen, als auf für User eine Hilfe sein. Erst danach sollte man sich um externe Faktoren, wie Verlinkung und Social Media Effekte kümmern. Diese und viele weitere Themen werden wir hier in kurzer Zeit behandeln. Bis dahin und ciao!

Wer schon einmal eine Seite mit einem Content Management System hat, wird gemerkt haben, dass dieses Vorhaben nicht immer so einfach ist. Sogar bei WordPress kann man reichlich Probleme bekommen, sobald man am Layout etwas modifizieren möchte – PHP, HTML und CSS-Kenntnisse sind meistens Pflicht und vor allem bei der Erstellung und Modifizierung von Templates unabdingbar (Das ist auch besonders hilfreich, wenn man seine Webseite sinnvoll bei der Suchmaschinenoptimierung einsetzen möchte).
Es gibt eine große Bandbreite an kostenfreien Content Management Systemen. Die bekanntesten sind sicherlich Typo3, Joomla, Drupal und WordPress (Obwohl WordPress ein Blog-System ist, zähle ich es zu den CMS: WordPress besitzt ganz besondere Fähigkeiten!). Vor allem Typo3 gilt als eines der komplexesten CMS, da es durch die Konfigurationssprache Typo Script zwar besser modifizierbar, dafür aber auch wesentlich schwerer zu lernen ist.

Wolfgang Wagner, Webdesigner aus Friedrichshafen, hat sich besondere Mühe bei einem großen Typo3-Videotutorial gegeben. Das ist mir hier auch einen Link wert ;-)
Es geht u.a. um die Installation eines Typo3-Systems und dessen Konfiguration, sowie die Menüführung, inhaltliche Funktionen und die Erstellung von eigenen Templates. Dabei geht “Wowa” auch sehr gut auf den Extension Manager und TemplaVoilà ein – ein Plugin mit welchem man seine selbsterstellten Templates einfach in Typo Script übertragen kann. Aus seiner Codeschnipsel Bibliothek können sich Typo3 Anfänger fertige TypoScript Snippets herauskopieren und weiterverwenden. Da Typo Script oft der schwierigste Part bei der Erstellung von Webseiten mit Typo3 ist, ist das eine wirklich tolle und umfassende Hilfe. Alles ist kostenlos und übersichtlich dargestellt – Eine wahre Goldgrube. Ich hoffe sehr, dass Wolfgang dieses Angebot weiterhin auch kostenfrei anbietet und so vielen Neulingen einen guten Einstieg in Typo3 bieten kann. Ich verbeuge mich vor der vielen Arbeit, die er sich gemacht hat.
Wenn ihr also interessiert seid, mal in Typo3 reinzuschnuppern, dann seid ihr dort an der richtigen Adresse.

Hey back, allerseits! Nach einer längeren Pause melde ich mich wieder zurück mit einem neuen Design und neuen Kategorien (Es ist noch nicht ganz fertig…). Eine dieser neuen Rubriken nenne ich “Linktipps”, in der ich verschiedene Webseiten vorstelle, die interessante Software oder Informationen bereitstellen, Communities bilden oder witzige Inhalte präsentieren. Starten möchte ich hier mit Netvibes. Netvibes ist ein Portal, auf dem man seine eigene Startseite zusammenstellen kann. Das ist besonders praktisch, wenn man mehrere Blogs auf einmal lesen möchte oder neuste Informationen nicht über den RSS-Feeder von Firefox empfangen kann.
Nach der Registrierung könnt ihr sofort loslegen und mit sogenannten “Widgets” eure Startseite per Drag and Drop zusammenbasteln. Diese Widgets sind Schnittstellen zu Funktionen von Drittwebsites (~APIs, RSS-Feeds usw.)
Mal eine (ältere) Beispielseite von mir:

Alle Widgets könnt ihr verschieben und nach Belieben so anordnen, wie sie euch am besten gefallen. Da ich eher praktisch veranlagt bin, habe ich auf meiner Seite sehr viele RSS-Feeds eingebunden, um so viele Informationen wie möglich auf einmal zu sehen. Wenn ihr eher visuelle Ergebnisse ansprechend findet, könnt ihr euren Feeds und Videos mehr Platz zuweisen. Neben einfachen RSS-Feeds können auch Widgets mit Videos, Suchanfragen, Nachrichten, Wetterinformationen, Updates und Notizen angelegt werden – je nach Ziel-Website ist das verschieden. Sollte für euren Feed/eure Website noch kein Widget vorhanden sein, ist es möglich das einfach selbst zu erstellen. Genauso funktioniert das übrigens auch mit den Layouts der Startseite. Header und Hintergrund, sowie die Farben des Containers können entweder komplett selbst gestaltet, oder aus einer Auswahl an vorgefertigten Designs ausgewählt werden.
Besonders nützlich finde ich das Tool auf der Arbeit, wo man nicht lange Zeit hat um alle Seiten separat durchzuklicken und alle Infos auf einen Blick sichtbar vor der Nase haben möchte. Ein Nachteil ist die lange Ladezeit. Bei Usern mit einer 3000er DSL Leitung kann das schonmal nerven, wenn man den Browser öffnet und Netvibes sich nur scheibchenweise läd. Als Fazit würde ich aber sagen: Cooles Tool um das immer größer werdende Angebot im Internet zu bewältigen!

Das war nun meine erste Webseitenvorstellung. Dieser Link wandert nun in die Linktipps, wo er später besser gefunden werden kann. Feedback erwünscht! ;-)

Onlinebeat bekommt einen neuen Anstrich. Ich möchte das alles etwas vergrößern und spannender gestalten..