Unterschiedliche Inhalte bei responsive-Layout

jan.tack

Hallo. Ich arbeite mit einem Grafiker an einer responsiven Webseite.

Der Entwurf des Grafikers zeigt ein in verschiedenen Varianten wiederkehrendes Element: Ein Foto und darüber eine halbtransparente Box mit Text, die einen Teil des Bildes überdeckt. Der Text besteht aus einer Überschrift und einem Absatz.

Code: Alles auswählen

+--------------------------------------------------------------------+ 
|                                                                    | 
|                                                                    | 
|                               +----------------------------------+ | 
|                               |  Überschrift                     | | 
|       Bild                    |  Text Text Text Text             | | 
|                               |                                  | | 
|                               +----------------------------------+ | 
|                                                                    |                  
+--------------------------------------------------------------------+

Beim responsiven Design ist das nun ein Problem, den wenn ich das Browserfenster verkleinere, schrumpft natürlich das Bild und wird irgendwann zu klein um die Textbox zu fassen.

Mein Lösung besteht darin die Textbox unter dem Bild zu positionieren (unter im Sinne von danach), statt das Bild damit zu überlagern.

Code: Alles auswählen

+-----------------------------+ 
|                             | 
|                             | 
|       Bild                  | 
|                             | 
|                             | 
|                             |                  
+-----------------------------+ 
+-----------------------------+ 
| Überschrift                 | 
| TeXt Text Text              | 
|                             | 
|                             |                  
+-----------------------------+

Dem Grafiker gefällt die Lösung nicht. Er will die Absätze einfach entfernen und nur die Überschrift anzeigen:

Code: Alles auswählen

+-----------------------------+ 
|                             | 
|                             | 
|       Bild                  | 
| +-------------------------+ | 
| | Überschrift             | |
| +-------------------------+ | 
+-----------------------------+

Die Idee für verschiedene Geräte, verschieden Inhalte auszuspielen, statt sie nur verschieden darzustellen ist mir nicht geheuer. OK, hin und wieder sieht man ähnliches, aber dann gibt es normalerweise eine Knopf [weiter lesen] oder dergleichen, mit denen der User sich gekürzt Text anzeigen lassen kann.

Gibt es SEO-technische Argumente, die dagegensprechen verschieden Inhalte abhängig von der Breite des Browserfensters auszuspielen?

Welche Variante würde die Suchmaschine da indizieren? Die lange Variante oder die gekürzte?

nerd · **nerd** » 11.03.2017, 07:05 **Unterschiedliche Inhalte bei responsive-Layout**

Dein grafiker versteht mobile design nicht.
Keinen teaser anzeigen ist furchtbar, da ich keinen vorschautext habe und abgesehen von ueberschrift und bild nicht weiss um was es geht - das weiss ich erst nach einem zusaetzlichen pageload wenn ich den artikel lade. Bei grossen und langsamen seiten die ich an der domain erkenne, ueberle ich mir schon zweimal ob ich dort eine seite oeffne und 10 sekunden warte bis die ganze werbung und dreck drumrum geladen ist, oder lieber wieder wegklicke.

Soll heissen deine bounce rate wird ohne teaser wahrscheinlich hoeher sein als mit.

Aus seo-sicht hast du mit weniger texten auf der hauptseite auch weniger relevanten inhalt zu welchem du ranken koenntest.

ole1210

Kann mich da nur anschließen, der Designer ist vielleicht nicht die beste Wahl.

jan.tack

Danke schon mal!

Vielleicht war das Wort Teaser missverständlich. Das Element soll den Besucher Neugierig auf interne Unterseiten machen. Diese Funktion würde auch die gekürzte Variante erfüllen.

Die Teaser haben nichts mit störender Werbung zu tun. Die Ladezeiten der verlinkten Unterseiten liegen deutlich unter einer Sekunde. Das sollte niemanden vom Klicken abhalten.

Der Grafiker kommt aus dem Printbereich, ist gestalterisch sehr fähig, hat aber (noch) nicht viel Erfahrung mit Webseiten .

ole1210

nicht viel Erfahrung mit Webseiten

Genau deswegen ist der Designer nicht die beste Wahl!

Google arbeitet aktuell mit einem "Desktop Index" und einem "Mobile Index". Letzterer wird demnächst der Hauptindex sein. Hier nur gekürzte Inhalte auszuliefern ist (sofern man bei google ranken möchte) grob fahrlässig!

arnego2

ole1210 hat geschrieben:
nicht viel Erfahrung mit Webseiten
Genau deswegen ist der Designer nicht die beste Wahl!

Google arbeitet aktuell mit einem "Desktop Index" und einem "Mobile Index". Letzterer wird demnächst der Hauptindex sein. Hier nur gekürzte Inhalte auszuliefern ist (sofern man bei google ranken möchte) grob fahrlässig!

Das ist richtig. Das behauptet Google allerdings bei gut 50% der Ankündigungen wird etwas anderes daraus. Siehe Content is King

jan.tack

Danke Euch! Das mit dem Mobile-Index war mir neu.

Das wird wohl an Argumenten reichen.

Mir ist noch ein weiterer Grund eingefallen: Es entsteht ein Auszeichnungsfehler wenn die Überschrift keine Text mehr hat, auf den sie sich bezieht.

Panelo

Würde auch den Grafiker überdenken. Auch fürs Google Ranking ist der Text relativ wichtig...