mobile Seite - Umleitung?

Beitrag von **gruber99** » 16.02.2012, 13:22

Hallo zusammen,

Ich habe für meine mobilen User eine Seite erstellt (m.seite.de).

Gibt es einen Code, der mobile Devices (IPhone, Android, Symbian ...) automatisch auf m.seite.de weiterleitet?

Sollte man das per htaccess, per php machen oder kann man das auch irgendwie mit dem apache-server (config) machen?

WICHTIG:
Ich hab im Footer auch einen Link "zur Vollversion"
Wie kann ich sowas dann umsetzen wenn automatisch alle Smartphone-User automatisch auf die mobile Version geleitet werden - nur wenn er auf diesen Link klickt sollt er eben auf die normale Vollversion kommen?

Vielen Dank
gruber

von **Anzeige von ABAKUS** »

SEO Consulting bei ABAKUS Internet Marketing
Erfahrung seit 2002

persönliche Betreuung
individuelle Beratung
kompetente Umsetzung

Jetzt anfragen: 0511 / 300325-0.

Beitrag von **Malte Landwehr** » 16.02.2012, 16:21

gruber99 hat geschrieben:Wie kann ich sowas dann umsetzen wenn automatisch alle Smartphone-User automatisch auf die mobile Version geleitet werden - nur wenn er auf diesen Link klickt sollt er eben auf die normale Vollversion kommen?

Mit einem Cookie oder einer Session.

Beitrag von **chris21** » 16.02.2012, 16:41

Automatische Umleitungen für Smartphone Nutzer auf die mobilen Seiten lassen sich gut über die verschiedenen Varianten von www.detectmobilebrowsers.com umsetzen.

Ich selbst nutze bei einem Link von der mobilen Seite auf die Vollversion eine HTTP-Referrer Abfrage über mod_rewrite, d.h. wenn Referrer leer ist oder nicht von der mobilen Seite kommt, wird für Smartphones auf die Mobile umgeleitet, wenn der Referrer aber die mobile Seite ist, dann nicht. So brauch ich dann nicht den Umweg über Cookie oder Session.

Beitrag von **gruber99** » 17.02.2012, 09:18

hallo chris21!

danke für deine antwort - könnest du mal bitte die betreffenden htaccess zeilen welche das rewrite machen posten.

danke und lg,
gruber

Beitrag von **chris21** » 17.02.2012, 11:44

Hallo Gruber,

hier ein Beispiel, etwas angepasst für Deine Version mit m.example.com:

Code: Alles auswählen

RewriteCond %&#123;HTTP_USER_AGENT&#125; android.+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip&#40;hone|od&#41;|iris|kindle|lge\ |maemo|midp|mmp|opera\ m&#40;ob|in&#41;i|palm&#40;\ os&#41;?|phone|p&#40;ixi|re&#41;\/|plucker|pocket|psp|symbian|treo|up\.&#40;browser|link&#41;|vodafone|wap|windows\ &#40;ce|phone&#41;|xda|xiino &#91;NC,OR&#93;
RewriteCond %&#123;HTTP_USER_AGENT&#125; ^&#40;1207|6310|6590|3gso|4thp|50&#91;1-6&#93;i|770s|802s|a\ wa|abac|ac&#40;er|oo|s\-&#41;|ai&#40;ko|rn&#41;|al&#40;av|ca|co&#41;|amoi|an&#40;ex|ny|yw&#41;|aptu|ar&#40;ch|go&#41;|as&#40;te|us&#41;|attw|au&#40;di|\-m|r\ |s\ &#41;|avan|be&#40;ck|ll|nq&#41;|bi&#40;lb|rd&#41;|bl&#40;ac|az&#41;|br&#40;e|v&#41;w|bumb|bw\-&#40;n|u&#41;|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co&#40;mp|nd&#41;|craw|da&#40;it|ll|ng&#41;|dbte|dc\-s|devi|dica|dmob|do&#40;c|p&#41;o|ds&#40;12|\-d&#41;|el&#40;49|ai&#41;|em&#40;l2|ul&#41;|er&#40;ic|k0&#41;|esl8|ez&#40;&#91;4-7&#93;0|os|wa|ze&#41;|fetc|fly&#40;\-|_&#41;|g1\ u|g560|gene|gf\-5|g\-mo|go&#40;\.w|od&#41;|gr&#40;ad|un&#41;|haie|hcit|hd\-&#40;m|p|t&#41;|hei\-|hi&#40;pt|ta&#41;|hp&#40;\ i|ip&#41;|hs\-c|ht&#40;c&#40;\-|\ |_|a|g|p|s|t&#41;|tp&#41;|hu&#40;aw|tc&#41;|i\-&#40;20|go|ma&#41;|i230|iac&#40;\ |\-|\/&#41;|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja&#40;t|v&#41;a|jbro|jemu|jigs|kddi|keji|kgt&#40;\ |\/&#41;|klon|kpt\ |kwc\-|kyo&#40;c|k&#41;|le&#40;no|xi&#41;|lg&#40;\ g|\/&#40;k|l|u&#41;|50|54|e\-|e\/|\-&#91;a-w&#93;&#41;|libw|lynx|m1\-w|m3ga|m50\/|ma&#40;te|ui|xo&#41;|mc&#40;01|21|ca&#41;|m\-cr|me&#40;di|rc|ri&#41;|mi&#40;o8|oa|ts&#41;|mmef|mo&#40;01|02|bi|de|do|t&#40;\-|\ |o|v&#41;|zz&#41;|mt&#40;50|p1|v\ &#41;|mwbp|mywa|n10&#91;0-2&#93;|n20&#91;2-3&#93;|n30&#40;0|2&#41;|n50&#40;0|2|5&#41;|n7&#40;0&#40;0|1&#41;|10&#41;|ne&#40;&#40;c|m&#41;\-|on|tf|wf|wg|wt&#41;|nok&#40;6|i&#41;|nzph|o2im|op&#40;ti|wv&#41;|oran|owg1|p800|pan&#40;a|d|t&#41;|pdxg|pg&#40;13|\-&#40;&#91;1-8&#93;|c&#41;&#41;|phil|pire|pl&#40;ay|uc&#41;|pn\-2|po&#40;ck|rt|se&#41;|prox|psio|pt\-g|qa\-a|qc&#40;07|12|21|32|60|\-&#91;2-7&#93;|i\-&#41;|qtek|r380|r600|raks|rim9|ro&#40;ve|zo&#41;|s55\/|sa&#40;ge|ma|mm|ms|ny|va&#41;|sc&#40;01|h\-|oo|p\-&#41;|sdk\/|se&#40;c&#40;\-|0|1&#41;|47|mc|nd|ri&#41;|sgh\-|shar|sie&#40;\-|m&#41;|sk\-0|sl&#40;45|id&#41;|sm&#40;al|ar|b3|it|t5&#41;|so&#40;ft|ny&#41;|sp&#40;01|h\-|v\-|v\ &#41;|sy&#40;01|mb&#41;|t2&#40;18|50&#41;|t6&#40;00|10|18&#41;|ta&#40;gt|lk&#41;|tcl\-|tdg\-|tel&#40;i|m&#41;|tim\-|t\-mo|to&#40;pl|sh&#41;|ts&#40;70|m\-|m3|m5&#41;|tx\-9|up&#40;\.b|g1|si&#41;|utst|v400|v750|veri|vi&#40;rg|te&#41;|vk&#40;40|5&#91;0-3&#93;|\-v&#41;|vm40|voda|vulc|vx&#40;52|53|60|61|70|80|81|83|85|98&#41;|w3c&#40;\-|\ &#41;|webc|whit|wi&#40;g\ |nc|nw&#41;|wmlb|wonu|x700|xda&#40;\-|2|g&#41;|yas\-|your|zeto|zte\-&#41; &#91;NC&#93;
RewriteCond %&#123;HTTP_REFERER&#125; !^http&#58;//m\.example\.com&#40;.*&#41;$
RewriteRule ^&#40;.*&#41;$ http&#58;//m.example.com/$1 &#91;R=302,L&#93;

Die ersten beiden Zeilen mit Test des User Agents stammen dabei von www.detectmobilebrowsers.com

Die dritte Zeile testet, ob die mobile Seite nicht Referrer ist

Die vierte Zeile lenkt auf die mobile um, wenn bzgl. User Agent Zeile 1 oder Zeile 2 (Smartphones erkennen) greift und Zeile 3 nicht greift.

Dabei wird hier gerade davon ausgegangen, dass auf der mobilen Variante die gleiche Datei- und Verzeichnisstruktur vorliegt wie auf der Vollversion (www.example.com/foo/bar.html wird gelenkt auf m.example.com/foo/bar.html)

Zudem setze ich einen 302 statt 301 ein - hier muss man überlegen, was in diesem Falle besser ist.

PS: Obiger Code sollten vier Zeilen in der Htaccess sein, wobei die ersten beiden (besonders die 2.) sehr lang sind.

Im Zweifelsfall einfach die User Agent Zeilen direkt von www.detectmobilebrowers.com ziehen und Zeile 3 und 4 von hier.

Beitrag von **gruber99** » 17.02.2012, 12:39

VIELEN DANK!!!!

grundsätzlich ist die verzeichnisstruktur der beiden versionen ident - was macht man aber mit seiten welche es in der mobilen version nicht gibt (404 meldung?) - es werden ja alle anfragen welche von einem mobilen gerät kommen auf die mobile version umgeleitet?

Bsp.:
www.meineseite.de/subseite/seite1.html
....wird umgeleitet auf ...
m.meineseite.de/subseite/seite1.html

danke und lg,
gruber

Beitrag von **chris21** » 17.02.2012, 12:40

Ja.

Ein 404 würde ich dann in der mobilen Version direkt abfangen.

Beitrag von **gruber99** » 17.02.2012, 12:46

oder wäre es vielleicht gut wenn eine seite in der mobilen version nicht gefunden wird wieder auf die desktop version zu redirecten?

Beitrag von **chris21** » 17.02.2012, 12:50

Ich würde da eher eine eigene mobile Fehlerseite einsetzen, die die URL ausliest, eventuell antestet, ob es die Vollversion der URL gibt und dann anbietet, in die Vollversion zu wechseln. Zudem sollte die mobile Fehlerseite auch eine Übersicht der wichtigsten mobilen Seiten oder eine Suche auf der mobilen Version anbieten.

Dann wäre es bzgl. Benutzungsfreundlichkeit für mobile Nutzer perfekt.

Beitrag von **wavebrook** » 13.10.2012, 14:37

gruber99 hat geschrieben:.... für mobilen User eine Seite erstellt (m.seite.de).
Gibt es einen Code, der mobile Devices (IPhone, Android, Symbian ...) automatisch auf m.seite.de weiterleitet?

Teste mal diese Ausgangsseite mit einem mobilen Gerät:
https://waveswebdesign.de
erstellt mit Joomla 1.5
Edit:
inzwischen migriert auf 25.X
Es erfolgt eine Umleitung auf eine für mobile optimierte Webseite.
Wave
Edit:
eine etwas einfachere Lösung:
eine reponsive Seite direkt erstellen. Hier der Link zu unser responsive Webseite:
https://waveswebdesign.de

Beitrag von **nerd** » 28.10.2012, 22:39

Ohje - prinzipel kann man das auch ganz ohne weiterleitung machen, indem man nur sein CSS spezifisch auf die maximal darstellbare groesse des geraetes anpasst - inhalte der webseite sollten ja trotzdem gleich bleiben, nur passend angeordnet werden.

Code: Alles auswählen

@media only screen and &#40;min-width&#58;340px&#41; and &#40;max-width&#58;480px&#41; &#123;

/*
vertikales layout fuer geraete mit aufloesungen 340-480px hier...
*/
&#125;

siehe https://www.boston.com/bostonglobe/features/