Unter den Google & SEO-Freaks sorgt das folgende Bild für aufsehen. Google Schuhe von Nike, das must have für alle SEOs (Suchmaschinenoptimierer). Hergestellt werden diese von Nike, die bunten Farben sorgen für garantiertes aufsehen auf Arbeit oder beim nächsten SEO-Meeting. Ob das Bild ein Fake ist oder nicht ist mir nicht bekannt.
Sollte jemand wissen wo es die Schuhe zu kaufen gibt, schreibt ein kurzes Kommentar.
So sehen die Schuhe aus:
Um ein Text kursiv zu formatieren gibt es die Tags <i> und <em>. Gerade für die für die Suchmaschinen-Optimierung gibt es hier ein signifikanten Unterschied.
Bei der rein grafischen Ausgabe unterscheiden sich die beiden Tags nicht. Wird die Webseite allerdings maschinell ausgelesen (z.B. Screenreader oder Google-Bot), so wird der Unterschied deutlich. Der Tag <i> formatiert eine Textpassage lediglich kursiv. Bei der Benutzung eines Screenreaders wird das formatierte Wort normal ausgesprochen. Bei der Verwendung des <em> Tags wird das Wort nicht nur kursiv formatiert, sondern von einem Screenreader auch speziell ausgesprochen.
Vor allem bei der Erstellung barrierefreier Webanwendungen spielt das <em> Tag eine besondere Rolle. Google stuft das <em> Tag besser ein als das <i> Tag. Daher ist die Empfehlung nach Möglichkeit nur <em> Tags innerhalb der Website zu verwenden.
Als Webdesigner und -Entwickler stößt man häufig über die Problematik große CSS-Dateien ordentlich zu strukturieren und zu dokumentieren, ggf. diese sinnvoll auf mehrere Dateien aufzuteilen.
Ohne eine vernünftige Struktur und Dokumentation kommt spätestens bei der Anpassung das böse Erwachen.
Vor allem bei Projekten an denen mehrere Personen arbeiten ist eine sinnvolle Struktur & Dokumentation unerlässlich.
Dieser Artikel soll daher Möglichkeiten der Strukturierung und Dokumentation von CSS Dateien aufzeigen.
Für die Strukturierung gibt es mehrere Vorgehensweise, ich selbst habe mich nach jahrelanger Entwicklung dazu entschieden im ersten Schritt die CSS-Datei wie folgt in folgende Bereich zu gliedern:
Im zweiten Schritt erstelle ich zwei Stylesheet-Dateien, welche ich layout.css und content.css nenne. In der layout.css befinden sich alle Definitionen zur Positionierung der einzelnen Elemente. Die Datei content.css enthält alle Definitionen zum gestalten der einzelnen Elemente. Als nächstes lege ich die Grundstruktur der CSS Dateien fest. Dabei schreibe ich die einzelnen Bereiche, welche oben aufgeführt wurden, in die CSS Datei. Die CSS Datei sieht nun wie folgt aus:
/***************************************
Author : Daniel Briegert <info@fly2mars-media.de>
Date : 2010.06.04
File : css/content.css
***************************************/
/* GENERAL ****************************/
/* HEADER *****************************/
/* HEADER_LOGO ************************/
/* HEADER_NAVIGATION ******************/
/* BANNER *****************************/
/* MAIN *******************************/
/* MAIN_CONTENT ***********************/
/* MAIN_NAVIGATION ********************/
/* MAIN _SIDEBAR **********************/
/* FOOTER *****************************/
/* FOOTER_NAVIGATION ******************/
/* FOOTER_NOTICE **********************/
Anschließend werden die einzelnen Bereiche mit den einzelnen Elementen vervollständigt.
Z.B. für #main_content einen H1-Tag wird wie folgt definiert:
/* MAIN_CONTENT ************************/
#main_content h1 {
border-bottom: 1px solid;
color: blue;
font: 1.4m Verdana, arial;
}
Sinnvoll ist es die Definitionen innerhalb einer Sektion alphabetisch zu sortieren. Das Beispiel oben veranschaulicht diese Vorgehensweise.
Fertige CSS Frameworks erleichtern die Erstellung. Interessant ist unter anderem das Framework Blueprint CSS, welches ihr unter dem folgenden Link findet.
Link:
Nach den am 20.05. und 21.05. durch geführten Bug Hunt Days wurde vor einigen Tagen die Stable Release des Zend Framework 1.10.5 veröffentlicht. Diese Revision des Minor-Releases wird höchst wahrscheinlich einer der letzten sein, bevor das Zend Framework in die Version 2.0 wechselt.
Auf der Website zum Zend Framework wurden ebenfalls wieder einige Updates vorgenommen. So wurde die Sektionen Reference Guide und Quick Start weiter aktualisiert. Der Bereich Learning Zend Framework ist schon bei Version 1.10.0 neu hinzugekommen. Herunterladen könnt ihr die aktuelle Version unter:
Hier findet ihr gut erklärt wie man eine gute Landingpage erstellt
SEO ist in keine Zauberei, auch wenn viele Entscheider und damit Auftraggeber dies denken. SEO ist auch nicht strikt abzugrenzen und klar als diese oder jene Tätigkeit zu definieren. Richtig gutes und erfolgreiches SEO ist eine Mischung aus Technik, Marketing und Vertrieb! Deshalb sollte ein Projekt auch immer von diesen Abteilungen mit entsprechender Kommunikation in Angriff genommen werden. Team übergreifendes Team-Work ist hier sehr wichtig, die Kommunikation zwischen und innerhalb der Teams muss stimmen, dabei darf vor allem kein Konkurrenzkampf entstehen! Gerade bei kleineren Unternehmen ergibt sich daraus entweder das Problem, dass es diese Abteilungen vielleicht (noch) gar nicht gibt, oder dass die Verantwortlichen in den Bereichen gar als Einzelkämpfer arbeiten um ggf. ihren Job zu festigen und den Lob der Geschäftsleitung einheimsen wollen.
Ein guter SEO weiß zwar, wie man Marketing- und Vertriebsaktivitäten in einer Art und Weise plant, umsetzt und verfolgt, damit sie den Besucherzahlen und dem Ranking förderlich sind – er alleine kann diese Fachabteilungen aber keinesfalls ersetzen bzw. steht er ohne entsprechende Unterstützung seitens des Unternehmens auch ein wenig auf verlorenem Posten.
Teamwork, Verständnis und offene Kommunikation sind im Bereich der Suchmaschinenoptimierung (SEO) unabdingbar!
Hier mal wieder ein lustiges Marketing-Video von German-Wings auf YouTube, geht schon ein wenig in Richtung Guerilla Marketing.
Aus dem Alltag eines Suchmaschinen-Optimierers im Gespräch mit Kunden (leider wirklich Realität):
Kunde: “Wir möchten bei Google auf Platz eins stehen!”
Agentur: “Vielleicht sollten wir erst einmal ihren Internetauftritt überarbeiten. Es gibt kaum Content, technisch ist er auf einem Stand von vor 10 Jahren und auch das Layout scheint schon ein paar Tage alt zu sein.”
Kunde: “Nein, nein, das machen wir alles später. Erstmal müssen wir bei Google ganz oben sein!”
Designed by
