Mobil & PC verschiedene Inhalte wie am elegantesten?

[klaraSand]

Da ich nicht mal selbst weiß nach was ich suchen soll ...

... wäre ich sehr dankbar wenn man mir einen Link zu einem Thread gibt wo so etwas schon behandelt wurde. Ansonsten will ich mal versuchen zu beschreiben was ich meine. Also wir gehen mal davon aus wir haben einen Überschrift und einen Text ...

Auf dem PC ist die Überschrift z.B. genau richtig sowie der Text aber auf dem Handy geht die Überschrift über 2 Zeilen und der Text passt irgendwie auch nicht. Nun wäre meine Idee das ich auf dem Handy die DIVs ausblende und welche für das Handy optimierte anzeigen lasse welche wiederum beim PC ausgeblendet sind.

Das würde ich z.B. mit display:none regeln wollen ...
Gibt es da Problem hinsichtlich Google oder allgemein eine andere Lösung?

Vielen Dank schon mal für die Mühe

[daniel5959]

Hallo,

mal nach ==> Responsive Webdesign suchen.

daniel5959

[klaraSand]

Hallo,

mal nach >> Responsive Webdesign << suchen.

daniel5959

Hallo,

das ist soweit klar
Mir geht es darum das eben genau damit längere Überschrift dann "zusammen gestaucht" werden und über zwei Zeilen oder mehr gehen auf einem Handy. Und da würde ich gerne eine ganze andere Überschrift anzeigen als bei dem "normalen" Design also bei größerer Auflösung ...

[jabbadu]

Das macht irgendwie keinen Sinn - warum sollte man auf einem Smartphone eine anderen Text von einer Überschrift sehen sollen?

Was spricht dagegen den gleichen Text zu sehen, nur diesen zB. in einer anderen font-size darzustellen?

[daniel5959]

Hallo,

es gibt auch die Möglichkeit mit zwei verschiedenen Versionen der Website zu arbeiten, dabei wird die verkleinerte mobile Version oft auf einer Subdomain angeboten, z.B.

meineseite.de <-- normale Website

mobil.meineseite.de <-- verkleinerte Mobilversion

Beispiel >> https://www.stern.de/ <-----------> https://mobil.stern.de/

Info >> https://de.wikipedia.org/wiki/Mobile_Webseite

daniel5959

[mwitte]

Das macht irgendwie keinen Sinn - warum sollte man auf einem Smartphone eine anderen Text von einer Überschrift sehen sollen?

Und ob das Sinn macht!
Richtig viel Sinn sogar!
Das Schlagwort ist Responsive Content -- nicht Responsive Design.

Schau Dir mal das Video von Karl hier an:
https://www.online-marketing.net/
dann wird es wahrscheinlich klar!

[klaraSand]

Vielen Dank! Genau das meinte ich

Nun ist nur meine Frage wie ich dies am elegantesten umsetze?
Da so wie ich das machen würde wären ja stets mehrer Container mit Inhalten im Quelltext wobei immer nur einer davon angezeigt wird und der Rest ist "versteckt".

Nun wäre meine Sorge das z.B. Google den "versteckten" Inhalt als "Betrug" oder ähnliches sieht. Oder ich bei der Umsetzung etwas grundlegendes beachten muss so das Suchmaschinen eben nicht glauben ich hätte etwas "böses" vor ...

[gurken]

das wird Google dann auch so werten, deshalb ist die mobile Seite eine neue unabhängige Seite von der Hauptseite mit doppelt so viel Arbeit.
Jeder Content muss doppelt geschrieben und aufbereitet werden usw..

Ich pers. seh die Sache relativ locker, "alte" Smartphones gehen kaum ins Internet, die neueren haben gute Auflösungen und jene die das Smartphone aktiv im Netz nutzen surfen sowieso im Querformat und da ist die Ansicht auch einigermaßen gut.

Der Nachteil von oft hineinzoomen usw. kann ich nicht mal bei meinem alten, kleinen Defy feststellen, auch Formulare usw. sind kein Problem wenn ichs im Querformat nutze. Auch Hochformat funktioniert bei Texten und 1x Zoom sehr gut, da die bekannten Browser hier automatisch Textspalten generieren, sodass es gut zu lesen ist.

Ich hab schon öfter versucht meine bestehende Seite umzubauen, bin aber immer an der Komplexität und dem Umfang der Änderungen gescheitert und mir gesagt - boah das steht in keinem Verhältnis zum Nutzen.
Wenn ich mir die Statistiken anschaue sind zwar ~ 40-50% mobile Nutzer, aber die Absprungrate ist ähnlich wie bei den Desktopusern.

[Malte Landwehr]

Nun ist nur meine Frage wie ich dies am elegantesten umsetze?
Da so wie ich das machen würde wären ja stets mehrer Container mit Inhalten im Quelltext wobei immer nur einer davon angezeigt wird und der Rest ist "versteckt".

Genau.

Nun wäre meine Sorge das z.B. Google den "versteckten" Inhalt als "Betrug" oder ähnliches sieht. Oder ich bei der Umsetzung etwas grundlegendes beachten muss so das Suchmaschinen eben nicht glauben ich hätte etwas "böses" vor ...

Ich kenne gut rankende Beispiele, die das genau so machen wie oben von Dir beschrieben. Google hat damit keine Probleme.

das wird Google dann auch so werten, deshalb ist die mobile Seite eine neue unabhängige Seite von der Hauptseite mit doppelt so viel Arbeit.

Nein. Responsive Content wird von Google nicht wie "eine neue unabhängige Seite" bewertet sondern wie ein einzelnes, sehr umfangreiches Dokument. Zum Test kannst Du ja mal eine Seite mit Responsive Content hernehmen und am Desktop nach einem Textbrocken suchen, der nur in der mobilen Version vorhanden ist. Das Dokument wirst du trotzdem finden.

es gibt auch die Möglichkeit mit zwei verschiedenen Versionen der Website zu arbeiten, dabei wird die verkleinerte mobile Version oft auf einer Subdomain angeboten

Der einzige Grund, heute noch eine mobile Subdomain einzusetzen, ist das Ranking bei AGOF und IVW. Wenn das egal ist, sollte immer responsive gearbeitet werden.

[gurken]

das wird Google dann auch so werten, deshalb ist die mobile Seite eine neue unabhängige Seite von der Hauptseite mit doppelt so viel Arbeit.
Jeder Content muss doppelt geschrieben und aufbereitet werden usw..

muss mich da korrigieren, mir ist nur mehr das "alle Arten von Cloaking sind schlecht" in Erinnerung geblieben, Ausnahmen gibt es aber gerade im mobilen Bereich
https://googlewebmastercentral-de.blogs ... aking.html

Nein. Responsive Content wird von Google nicht wie "eine neue unabhängige Seite" bewertet sondern wie ein einzelnes, sehr umfangreiches Dokument. Zum Test kannst Du ja mal eine Seite mit Responsive Content hernehmen und am Desktop nach einem Textbrocken suchen, der nur in der mobilen Version vorhanden ist. Das Dokument wirst du trotzdem finden.

war etwas ungünstig geschrieben, habe mich auf das verstecken bezogen, das Google das werten würde

Auch sollte man bei Responsive Content doch canoncial nutzen wie es Google empfiehlt, dann wird sowieso nur das Desktopergebnis in der Suche gezeigt

[mwitte]

Auch sollte man bei Responsive Content doch canoncial nutzen wie es Google empfiehlt, dann wird sowieso nur das Desktopergebnis in der Suche gezeigt

Es gibt sowieso nur eine URL -- und damit ein Suchergebnis.
Das wird jedoch -- je nach Device -- einfach optisch anders dargestellt.

[gurken]

Auch sollte man bei Responsive Content doch canoncial nutzen wie es Google empfiehlt, dann wird sowieso nur das Desktopergebnis in der Suche gezeigt

Es gibt sowieso nur eine URL -- und damit ein Suchergebnis.
Das wird jedoch -- je nach Device -- einfach optisch anders dargestellt.

nun hab auch ichs verstanden , hätte mir das Video gleich anschaun sollen

[drweb]

Also aus rein technischer Sicht, wenn du auf ein und der selben Seite unterschiedlichen Content / Code für verschiedene Geräte anzeigen willst kann ich dir https://code.google.com/p/php-mobile-detect/ empfehlen.

Das Script kann ne Menge mobile Geräte und Klassen (tablet/phone) unterscheiden.

Damit kann man sich dann nen Schönen Schalter im PHP bauen.

Grüße

[klaraSand]

Erst mal allen vielen Dank für die Antworten!
Hab mal wieder einiges gelernt und noch einiges zu lesen ... lach

...

Das muss ich mir mal in Ruhe anschauen aber wenn es das wirklich kann was der Name verspricht dann ist es genau das was ich gesucht habe

[Malte Landwehr]

Das Script kann ne Menge mobile Geräte und Klassen (tablet/phone) unterscheiden.[/url]

Damit kann man sich dann nen Schönen Schalter im PHP bauen.

Wenn Du schon im PHP unterscheidest, verlierst Du einen großen Vorteil von Responsive Content.

Wer es lieber im JavaScript machen möchte: https://stephanfowler.github.io/responsive-content/