Die Geschichte des Cascading Style Sheets (CSS)

Entstehung und Wirkungsweise des CSS im Hinblick auf die SEO

(firmenpresse) - Tipps zur Google Suchmaschinenoptimierung und Google Adword von deine-seo.de - Die Seo Agentur unter deine-seo.de - SEO Düsseldorf und SEO Köln - Heute: Cascading Style Sheets

Kaum eine Agentur für Webdesign arbeitet wirklich nach dem Bauhaus-Prinzip »form followsfunction«. Denn hierfür spielen optische Kriterien noch eine zu große Rolle in den Köpfen der Kunden und Agenturen. Das HTML wird eher zu gestalterischen Zwecken genutzt, als tatsächlich zur Auszeichnung besonderer Textstellen. Das erschwert das "Information Retrieval" für automatische Boots, wie es Suchmaschinen sind, enorm. Insbesondere wird dies beim Gebrauch von Tabellen deutlich. Diese dienen oftmals nicht als Tabelle im eigentlichen Sinne, sondern werden stattdessen als Layouthilfe zweckentfremdet.

Um aber eine Trennung zwischen Inhalt und Darstellung zu erreichen, wurden Cascading
Style Sheets (CSS) entwickelt. Dabei handelt es sich im Idealfall um eine
gesonderte Datei, in der das Aussehen einzelner Tags global definiert ist. Damit
kommt den HTML-Tags wieder ihre ursprüngliche Funktion der reinen Textauszeichnung
zu. Inhalt und Design sind getrennt. Eine komplette Einführung in
CSS kann und soll an dieser Stelle nicht erfolgen. Einen guten Einstieg bieten
zahlreiche Tutorials im Web (z. B. www.w3schools.com/css/) oder entsprechende
Buch-Publikationen. Jedoch soll das Prinzip an einem einfachen Beispiel verdeutlicht
werden, da im weiteren Verlauf mehrfach auf CSS zurückgegriffen wird. In
einer CSS-Datei könnte man folgende beispielhafte Formatierungsregel für die
Überschrift h1 finden:
h1 {
FONT-SIZE: 14px;
FONT-WEIGHT: bold;
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
COLOR: green;
}

Formatierung des h1-Tags innerhalb einer CSS-Datei



Dieser Befehl formatiert das h1-Tag, das eine Überschrift auszeichnet, in einer
Schriftgröße von 14 Pixel Höhe. Die Schrift ist ferner gefettet und es soll - sofern
auf dem Client-System vorhanden - primär die Schriftart Verdana zur Anzeige
genutzt werden. Des Weiteren ist in der letzten Zeile Grün als Textfarbe definiert.
In einem HTML-Dokument ohne CSS sähe das entsprechende Tag so aus:

h1 font-size="14px" color="green" b text/b /font/h1

Nicht wirklich schön, nicht wahr? Mittels CSS wird nur das h1-Tag benötigt. In welcher Datei die zugehörige CSS-Formatierung zu einem HTML-Dokument zu finden ist,
hat der Browser bereits im Seitenkopf über ein link-Tag erfahren. Zur
gewünschten Darstellung wird nun ein deutlich kürzeres (sowie auch schöneres)
Stück HTML-Code benötigt:
h1 text/h1

Weitere Informationen zur Suchmaschinenoptimierung erhält man auch auf der Website http://deine-seo.de.



Weitere Infos zu dieser Pressemeldung:

Themen in dieser Pressemitteilung:


Unternehmensinformation / Kurzprofil:
PresseKontakt / Agentur:
Bereitgestellt von Benutzer: Adenion
Datum: 07.05.2012 - 00:10 Uhr
Sprache: Deutsch
News-ID 632028
Anzahl Zeichen: 3076

Kontakt-Informationen:
Ansprechpartner: Dirk Zehnpfennig
Stadt:

Düsseldorf

Telefon: 0211/88284316

Kategorie:

New Media & Software

Meldungsart:
Anmerkungen:


Diese Pressemitteilung wurde bisher 376 mal aufgerufen.

Die unterschiedlichen Keywordoptionen ...
Wissenswertes zu den Themen rund um die Google AdWords von der SEO Agentur Düsseldorf - deine-seo.de - Heute: Die Keywordoptionen Keywordoptionen sind besondere Einstellungen für die jeweiligen Keywords, die man benötigt, um die Steuerung der Suchergebnisse zu beeinflussen. Sie sind auch wichtig

Das Suchwerbenetzwerk bei Google ...
Nicht nur die Suchmaschine Google nutzt Werbeanzeigen, wie Google Adword, sondern auch andere Betreiber haben die Internetwerbung in ihr Angebot aufgenommen. Die Textanzeige ist bei Adwords am weitesten verbreitet und verfügt über einen bestimmten Aufbau, an den man sich halten sollte. Eine Seo- A

Themenspezifische Blogs und die SEO ...
Die Seo Agentur Düsseldorf von deine-seo.de informiert regelmäßig über Wissenswertes zu den Themen Suchmaschinenoptimierung, Ecommerce, Google Adwords und weitere Themen rund um das Internet - heute: Blogs und die Seo. Die themenspezifische Blogs werden immer beliebter. Doch auch bei Blogs ist

Weitere Mitteilungen von IT-Haus Düsseldorf Ltd.

Handarbeit per Klick - art-trade.de druckt die Welt auf Leinwand ...
Eine eindrucksvolle Vielfalt unterschiedlichster Fotografien offenbart sich Besuchern auf der Startseite des Oködruck-Services art-trade.de. Besonders dabei: Die Fotos aus aller Welt können mit nur wenigen Klicks gedruckt und - in Handarbeit angefertigt - Nachhause bestellt werden, und das auf hoc

Werkzeugverwaltung mit erweitertem Funktionsumfang ...
Softwarelösungen unterliegen fortwährenden Erweiterungen und Veränderungen - so auch die Software zur effizienten Werkzeugverwaltung des Leipziger Unternehmens Auerbach IT. Sämtliche Bilder, Daten und Dokumente werden nun in der Datenbank gespeichert - das erleichtert die Einbindung der Anwen

Startschußfür sx-domains ...
Die sx-domain ist die neue Top Level Domain des Autonomen Gebietes von Sint Maarten. Sint Maarten gilt seit dem 10. Oktober 2010 wie die Niederlande, Aruba und Curaçao als ein eigenständiges Land innerhalb des Königreiches der Niederlande, zuvor zählte es bis zu deren Auflösung zu den Niederl

Memjet erzielt bedeutende Vereinbarung ...
Memjet gab heute den Abschluss einer bedeutenden Vereinbarung bekannt. Folglich hat das Unternehmen die Voraussetzungen dafür geschaffen, Memjets revolutionäre Farbdrucktechnologie zukünftig weiter kommerziell vertreiben zu können. Die Vereinbarung sieht vor, dass Besitz und Kontrolle des kompl