Liebe Leute, der Frühling hat in Wien einzug gehalten. Innerhalb weniger Tage erwachte die Fauna und Flora zum Leben und es sprießen die Blätter und Blüten in kräftigen Farben. Die Sonne lacht und die Menschen sind froh, wieder hinaus zu können, ohne einen Rucksack voller Gwand (Ausnahme bilden die Autofahrer, denen ist es wurscht).
Ich bin derzeit arbeitslos, besuche einen Javakurs um auch in die Softwareprogrammierung einzusteigen und reihe mich möglicherweise demnächst unter die Notstandshilfe-Empfänger ein. Naja, noch ist es nicht soweit. Mein Konto ist leergeräumt, meinen Patenhunden im Tierschutzheim geht es hervorragend.
Wer sich mit CSS ein bisschen auskennt wird die Styledefinitionen “background” und “background-image” sicher kennen. Sie dienen dazu, Elementen einer Webseite eine Hintergrundfarbe oder ein Hintergrundbild zuzuweisen. Das kann eine Schaltfläche oder ein Schlagschatten sein, oder ein einfacher Verlauf. Möchte man nun mehreren Elementen einer Webseite Hintergrundgrafiken zuweisen, kann man CSS Sprites nutzen, um die Ladegeschwindigkeit zu optimieren. Durch die Sprite-Technik werden Serverabfragen reduziert. In der Regel lädt der Browser beim ersten Aufruf einer Seite die Sprite-Datei und speichert so alle Grafikelemente im Cache. Der Trick dabei ist, mehrere Hintergrundgrafiken in einer Datei zusammenzufassen, um sie mithilfe der Definition “background-position” pixelgenau zu platzieren.
Ein gutes Anwendungsbeispiel dafür bietet Youtube.com. Diese Webanwendung greift das Prinzip der Sprites auf und nutzt sie auf der gesamten Seite.
Youtube.com nutzt Sprites um die Performance zu optimieren
Wie man sieht, befinden sich in der Datei sämtliche Grafikelemente (z.B. Logo, Email, Favoriten, Verläufe, Bewertungssymbole…), die unter Verwendung von CSS an den gewünschten Stellen positioniert werden. Zur Anwendung kommen Background-Images auch bei Image Replacement-Methoden, um zum Beispiel das Logo in der Corporate Identity anzeigen zu lassen, wobei die Webseite aus semantischer Sicht lesbar bleibt. Dabei geschieht folgendes:
Man definiert via HTML eine Überschrift “h1″. Dann rückt man den Text mit “text-indent” aus dem sichtbaren Bereich und fügt via CSS ein Hintergrundbild ein. Dieses Bild ersetzt dann den Text. Die ersetzte Überschrift sollte, den Richtlinien entsprechend, den selben Text aufweisen wie das sichtbare Bild. Ein Nachteil dieser Methode besteht darin, dass kein Text lesbar ist, falls der User die Darstellung von Bildern unterdrückt. Lesegeräte hingegen, haben damit kein Problem. <div style="background: #FFF url('pfadZurDatei.png') left top no-repeat; height: 33px; width: 84px; text-indent: -999px">Youtube</div>
würde dann so aussehen (aus semantischen Gründen verzichte ich in diesem Beispiel auf die Verwendung von “h1″ und nutze stattdessen das bedeutungslose Element “div”:
Es ist soweit. Nach StudiVZ (habe ich ausgelassen, genau genommen haben die mich auch ausgelassen, denn Student bin ich keiner) und Facebook hört man immer öfter von Twitter, einer genialen Web 2.o Seite, die nicht durch Komplexität, sondern durch Einfachheit auf sich aufmerksam macht. Bereits auf der Startseite steht alles, was man für die Benützung wissen muss.
“Twitter is a service for friends, family, and co–workers to communicate and stay connected through the exchange of quick, frequent answers to one simple question: What are you doing?”
Übersetzt heißt das in etwa : Twitter ist ein Service für Freunde, Familie und Arbeitskollegen, die miteinander kommunizieren und in Verbindung bleiben, indem sie gelegentlich die einfache Frage beantworten: “Was tust du gerade?”
Twitter wurde 2007 in Californien gegründet und erfreut sich seither einer stetig wachsenden Comunity. Erweitert wird der Dienst, durch die Möglichkeit, Tweets über das Handy zu schicken oder Statusmeldungen bequem über den Desktop zu organisieren (z.B. TweetDeck). Dank der Twitter eigenen API gibt es mittlerweile zahlreiche Erweiterungen, von deren Nutzen sich jeder selbst überzeugen kann.
ups! the twitter whale again
Die gelegentlichen Ausfälle haben vielleicht etwas damit zu tun, das Twitter mit Ruby on Rails programmiert wurde, einem relativ jungen Framework für rich internet applications. Aber gerade dieser Stil ist auch für Twitters unverwechselbaren Charme mitverantwortlich. Ob Ruby on Rails auch in Zukunft Twitters Zugpferd bleiben wird, ist fraglich (Techcrunch-Artikel zum Thema “Twitter Said To Be Abandoning Ruby on Rails” ). Das betrifft jedoch eher was ROR ist, wo steht es und wohin sich Ruby on Rails entwickeln wird.
Anchor-Text
Als Anchor-Text wird der Text eines Hyperlinks bezeichnet. Der Anchor-Text spielt sowohl innerhalb der Webseite, als auch in Verweisen von anderen Seiten eine wichtige Rolle, denn er enthält wichtige Keywords für Suchmaschinen.
Black Hat SEO
Black Hat Techniken werden SEO-Maßnahmen bezeichnet, die Suchmaschinen austricksen oder von Suchmaschinen verboten wurden. Klassische Beispiele sind Doorway pages, Keyword stuffing, content scraping, cloaking((Inhalte vortäuschen)… Kurz gesagt, damit sind SEO-Maßnahmen gemeint die raschen Erfolg versprechen, von wenig Nutzen für Besucher der Webseite sind und unter Umständen zum Ausschluss aus den Suchergebnissen führen können.
Crawler
Als Crawler werden jene Programme (Roboter) bezeichnet, die im Auftrag der Suchmaschinen ständig damit beschäftigt sind, das World Wide Web nach neuen Inhalten zu durchforsten.
Duplicate Content
Duplicate Content ist ein lang und breit diskutiertes Thema. Im Prinzip beschreibt es den Umstand, dass ein Inhalt im Internet zwei oder mehr mal vorkommt. Dadurch ergeben sich Probleme, welche Seite nun in den Ergebnissen gelistet werden soll.
Entities
HTML Entities sind Codes für Sonderzeigen z.B. ß = ß - Vermeiden sie HTML Entitites in den Metatags, Suchmaschinen sind in der Lage Sonderzeichen richtig zu interpretieren, einige haben dagegen die Angewohnheit HTML-Entities als solche darzustellen, was wiederum die Leser verwirrt. Der Stand der Technik erlaubt ohnehin die Verwendung von utf-8 als Zeichensatz.
Frames
Aus Sicht der Suchmaschinenoptimierer gilt es, Frames unbedingt zu vermeiden. Logisches Problem von Frames ist, dass Einzelteile der Webseite indiziert werden, und man mittels Klick auf ein Suchergebnis nur ein Menü zu sehen bekommt - bestenfalls, denn Frames werden normalerweise für allgemeine Keywords von Suchmaschinen nicht in den vorderen Ergebnissen angezeigt.
Google Analytics Google Analytics ist ein kostenloses Service von Google und dient der Analyse von Besucherströmen
Headings
Verwenden Sie Überschriften wie vom W3C empfohlen, der Reihe nach. Starten Sie bei der wichtigsten Überschrift mit <h1>…. mit den untergeordneten ..<h6>. Verwenden Sie Überschriften nicht übermäßig und platzieren Sie ruhig Ihre Keywords darin. Hier gilt als Faustregel: richten Sie den Fokus auf die Besucher und nicht auf Suchmaschinen.
Index
Indizierung ist die Aufnahme und Aktualisierung des Contents bzw. der Webseiten in den Index der Suchmaschinen, erst durch Crawler(robots) und anschließend durch Algorithmen der Suchmaschinen.
Javascript
Die clientseitige Programmiersprache, die Webseiten Leben einhaucht und unverzichtbar im Web 2.0 wurde. Allerdings sollte man bei Suchmaschinenoptimierung darauf achten, dass keine Links mit Javascript erzeugt werden, denn diese werden von den Crawlern nicht verfolgt, dasselbe gilt für Texte(AJAX). Unobstrusive Javascript ist ein wirksames Gegenmittel. Es verwendet DOM-Manipulation um auf Elemente der Webseite zuzugreifen, oder diese zu verändern. Sollen AJAX-Anwendungen suchmaschinenfreundlich programmiert werden (oder barrierefrei), so ist dafür Sorge zu tragen, dass sämtliche Funktionalitäten für die Ausgabe der Inhalte, auch ohne Javascript funktionieren.
Keywords
Keywords sind Begriffe, auf die Inhalte einer Webseite im Zuge der Suchmaschinenoptimierung ausgerichtet werden. Dadurch wird es möglich, dass Besucher die Webseite über bestimmte Suchbegriffe besser finden.
Linkpopularity
Als Linkpopularity(Linkpopularität) wird die Summe der Inbound links auf die Webseite bezeichnet.
Metatags
Metatags sind Informationen im Head der Webseite, wie z.B. Keywords, Description und title, die den Inhalt der Webseite repräsentieren. Diese Kurzbeschreibungen werden in den Suchmaschinenergebnissen häufig angezeigt.
Nofollow
Google führte dieses Tag 2005 ein, um dem ausufernden Linkspamming in Foren und Blogkommentaren Herr zu werden. Das “rel=nofollow” Tag kann auch dazu dienlich sein, bezahlte Links zu markieren. Der Grund dafür ist, dass bezahlte und verfolgbare Links von Google untersagt wurden, da eine Manipulation des PageRank stattfindet, die zu Störungen im Google Algorithmus führte.
Organic Results
Die Organic Result (Organischen Suchergebnisse) sind die natürlichen, also unbezahlten Ergebnisse die Suchmaschinen liefern. Sie sind der Dreh- und Angelpunkt der SEOs.
PageRank
Der PageRank Algorithmus ist ein Verfahren, das verlinkte Dokumente (im www.) anhand ihrer Struktur gewichtet. Dabei wird jedem Element ein Gewicht aufgrund seiner Verlinkungsstruktur zugeordnet. Der PageRank Algorithmus wurde von Larry Page und Sergey Brin an der Stanford university entwickelt und zum Patent angemeldet, Larry Page und Sergey Brin sind die Gründer der Suchmaschine Google, deren Algorithmus dem PageRank-Verfahren zu Grunde liegt.
Query
Ein Query bezeichnet den String der Suchanfrage bei einer Suchmaschine (SEO).
Ranking Faktoren
Ranking Faktoren sind die Faktoren, die zur Berechnung des Rankings in Suchmaschinen herangezogen werden.
SERPs
Search Engine Result Pages - Suchmaschinenergebnisse oder Suchmaschinen Ergebnisseiten
TLD Top Level Domain
Die Top Level Domain dient beispielsweise bzw. hauptsächlich der geographischen Zuordnung der Webseite.
Universal Search
Google zeigt in den SERPs häufig an den vorderen Plätzen Landkarten mit Standorten an, bzw. News oder Börsenkurse, aber auch Thumbnails von Videos. Diese Ergebnisse sind Teil der Google Universal Search die zunehmend Inhalte aus Googles verschiedenen Segmenten seiner Suchmaschine anzeigt anzeigt, z.B. Brancheneinträge, News-Artikel , Videos, Börsenkurse..
Vertical Searchengine
Vertical Searchengines sind auf bestimmte Bereiche spezialisiert, z. B. Medizin, Videos, …
(wollen Sie mit Ihre eigene vertikale Suchmaschine basteln, dann interessiert Sie vielleicht dieser Link- Custom Searchengine)
Auch Google bietet spezielle Suchen, z. B. für Bücher, Codes, Videos, Bilder, Blogs..
Webmaster Account Google Webmaster-Tools sind ein weiterer kostenloser Dienst von Google um Webseiten Google-freundlicher zu machen. Die Webmaster-Tools bieten Informationen über Crawling, Robots.txt Dateivalidierung, Content der Webseite, Top Abfragen, Indizierungsinformationen, Domain mit www oder ohne www, XML Sitemap und viele weitere nützliche Features.
XML Sitemap
ist eine Liste aller Seiten einer Webseite im XML-Format. Sie dient der reibungslosen Indizierung durch Suchmaschinen.
Yahoo Siteexplorer
Der Yahoo Siteexplorer hilft Ihnen dabei, herauszufinden wie viele Links auf Ihre Webseite zeigen
Zum Schluß wünsche ich Ihnen gutes Gelingen und viel Erfolg mit Ihrer Webseite.
