H-Überschriften SEO

Hallo,

ich möchte meine Webseite SEO-optimieren und füge

dazu überall die von Google gewünschten H-Überschriften ein.

Für Desktop und Tablet ist alles super, aber beim Smartphone

klappt es nicht, da er die Überschriften verzieht.


Ich möchte nur wissen, ob es für Google reicht, wenn man die

Tags nur z.B. für Desktop macht oder wird die Seite bei

Smartphone-Nutzung schlechter "gerankt".


Eigentlich müsste die Suche bei Google bei Smartphone

und Desktop identisch sein oder macht Google einen

eigenen Aufbau seiner Suchmaschine fürs Smartphone?

 

Danke. Hab das mit den Media Queries eingestellt. Bei mir sind jetzt alle Geräte
ob Desktop, Laptops, Smartphones von A-Z und Tablets responsive, bis auf
die Samsung Galaxy Tablets.
Bei der normalen Ausrichtung (schmal) ist alles perfekt,
aber wenn ich es um 90 Grad drehe, dann wechselt er automatisch in die Desktop-Version
und die Überschriften und Bilder verziehen.

Habe ich irgendwo eine Breite falls eingestellt?

Hier sind alle Geräte vorhanden:

https://mydevice.io/devices/


Und hier sind meine Custom CSS Einstellungen:


h1 {
line-height: 0.6em;
color: #494949 !Important ;
}


h2 {
color: #494949 !Important ;
}


@media only screen and (max-width: 500px) {
h1 {


line-height: 0.6em;
font-size: 40px;
}
}




@media only screen and (min-width: 600px) {
h1 {


line-height: 0.45em;
font-size: 40px; }
}

 

Das mit den 100 px hat nichts gebracht.

Die folgende Formatierung passt endlich für alle. Das Wichtige sind

die max-width 1100. Was ich nicht ganz versteht ist, wenn ich die 1100 auf 1200 hochsetze, dann wird

die Formatierung meines Notebooks verändert. Ich dachte der Befehl @media gilt nur für die mobilen Geräte, also

Tablets und Smartphone??

Ein weiterer Punkt ist, dass ich die Schriftgröße der Smartphones nicht verändern kann, auch wenn ich die Font-Size

auf 10 px runtersetze. Zufällig passt die Schriftgrößte aktuell ganz gut.


h1 {
line-height: 0.4em ;
color: #494949 !Important ;
}


h2 {
color: #494949 !Important ;
}


@media only screen and (max-width: 500px) {
h1 {


line-height: 0.6em !Important;
font-size: 40px;
}
}


@media only screen and (max-width: 1100px)
{
h1 {


line-height: 0.45em;
font-size: 40px; }
}