[GastForen Web allgemein Suchmaschinen SEO, Ranking und E-Commerce h1, h2 usw. in CSS-stylesheets für SEO

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

h1, h2 usw. in CSS-stylesheets für SEO

Clemens_1
Beiträge gesamt: 282

27. Apr 2006, 18:07
Beitrag # 1 von 5
Bewertung:
(3257 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo!

Gerade erstelle ich eine neue Site und möchte beim Stylesheet Fehler der Vergangenheit vermeiden. (Ich arbeite in GoLive CS-2)
Google bewertet Text, der in h1, h2... Tags gesetzt ist als wichtiger, als den Rest. Gleiches gilt für die Auszeichnung <strong>.
Um in meinem Website-Layout nun aber nicht auf die Vorgaben des Browsers angewiesen zu sein, der h1 immer in einer unverschämten Größe anzeigt, die alles erschlägt, will ich allen h1-Überschriften Schriftgröße Farbe und Zeilenabstand etc. per Stylesheet zuweisen. (Bitte jetzt keine Diskussion über die "wahre Lehre", nachdem man dem User die Anzeige nicht vorschreiben soll.)

Ich bezweifle, dass Suchmaschinen h1-Tags auswerten, die in div-Elementen vorkommen:
<div class="h1">....

Wie kann ich die h1-Auszeichnung so verwenden, dass die Suchmaschinen diese zur Kenntnis nehmen aber andererseits doch die Vorgaben, wie die Schrift angezeigt wird, im separaten Stylesheet stehen?
X

h1, h2 usw. in CSS-stylesheets für SEO

SabineP
Beiträge gesamt: 7586

27. Apr 2006, 18:28
Beitrag # 2 von 5
Beitrag ID: #225973
Bewertung:
(3255 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Clemens,

>> Ich bezweifle, dass Suchmaschinen h1-Tags auswerten, die in div-Elementen vorkommen:
>> <div class="h1">

Das ist kein H1-Tag, sondern eine Klasse mit dem Namen H1.
Google interessiert sich sicher nicht für Klassennamen.

Ich glaube Du suchst eher soetwas:


Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
.ueberschrift{color:red; font-size:12pt}
</style>

</HEAD>

<BODY>
<h1 class="ueberschrift">Text für die Überschrift</h1>
</BODY>
</HTML>



als Antwort auf: [#225969]

h1, h2 usw. in CSS-stylesheets für SEO

Clemens_1
Beiträge gesamt: 282

27. Apr 2006, 18:36
Beitrag # 3 von 5
Beitrag ID: #225976
Bewertung:
(3252 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Sabine!

Herzlichen Dank.
Ich hatt es halt offensichtlich verkehrt herum aufgezäumt und im Stylesheet geschrieben:
.h1 { color:red; font-size:12pt }
und das geht wohl offensichtlich im Rahmen von SEO so nicht.

Und bei deinem Vorschlag <h1 class="ueberschrift">Text für die Überschrift</h1> würde die Suchmaschine h1 erkennen und entsprechend bewerten? - Dann wäre das genau, was ich suche!


als Antwort auf: [#225973]

h1, h2 usw. in CSS-stylesheets für SEO

FSt
  
Beiträge gesamt: 1963

27. Apr 2006, 20:05
Beitrag # 4 von 5
Beitrag ID: #225993
Bewertung:
(3246 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Clemens

Antwort auf [ Clemens_1 ] .h1 { color:red; font-size:12pt }

Du bist gar nicht so weit weg.

H1 ist keine Klasse, sondern ein tag. Nur Klassen haben einen Punkt am Anfang. Tags werden ohne Punkt definiert. Du kannst also schreiben:
Code
h1 { color:red; font-size:12pt } 
h2 { color:green; font-size:12pt }
h3 { color:blue; font-size:12pt }
p { color:black; font-size:12pt }
strong { color:white; font-size:12pt }

oder was auch immer Du willst. Dann ist Dein Quellcode auch so kurz und "sauber" wie nur möglich ...
Code
<h1>Test in rot</h1> 
<h2>Test in grün</h2>
<h3>Test in blau</h3>
<p>Test in schwarz</p>
<strong>Test in weiss</strong>

Um nun die "komischen" Abstände zwischen den verschiednen Zeilen in den Griff zu bekommen schreibst Du einfach noch "margin: 0p" und "padding: 0" zu jedem tag hinzu dass Du so definierst.

Viel Spass dabei und
Gruss
FSt


als Antwort auf: [#225976]

h1, h2 usw. in CSS-stylesheets für SEO

FSt
  
Beiträge gesamt: 1963

27. Apr 2006, 20:44
Beitrag # 5 von 5
Beitrag ID: #225996
Bewertung:
(3240 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Clemens

Sorry, das heisst natürlich nicht margin: 0p sondern:
Code
h1 { color:red; font-size:12pt; margin:0; padding:0; } 


Gruss
FSt


als Antwort auf: [#225993]
X