Przekierowanie na strone mobilną
Autor: Michał J.
Visitado 6220,
Followers 3,
Compartido 0
Witam
Stworzyłem wersję mobilna zwykłej strony i chciałbym zrobić przekierowanie. Proszę o porady jak to prosto zrobić.
Michał
Publicado en
Witaj.
Ja bym zrobił tak:
Dla wersji mobilnej dorabiasz subdomenę: www.mobile.tatry-przewodnik.com.pl
Na wersji podstawowej robisz odnośnik do wersji mobilnej.
i na odwrót, na mobilnej odnośnik do ppdstawowej.
Jeszcze dodaje przykładowy link:
http://mobi.krakow.pl/
Autor
I pewnie tak zrobię, próbowałem inne sposoby żeby automatycznie przekierowało ale niestety nie działają.
Witam
Właśnie robię testy na automatyczne przekierowanie z "normalnej" stronki na stronkę mobilną na różnych urządzeniach mobilnych Jak na razie w HTC One i Samsung S4 działa nie wiem jak z resztą urządzeń, bo aż tak dużego asortymentu nie posiadam byłbym wdzięczny jakbyście dopisali na jakich jeszcze urządzeniach następuje automatyczne przekierowanie ze zwykłej stronki na wersję mobilną Wpisujecie w urządzeniu adres http://www.biuro-rachunkowe-goja.pl - powinna się otworzyć stronka mobilna z http://wwwm.biuro-rachunkowe-goja.pl
Dziękuje i pozdrawiam
kropkę mi po drodze zjadło
http://www.m.biuro-rachunkowe-goja.pl miało być
Darek,z tą stroną mobilną to nie do końca jest tak prosto. Np. telefony Lumia z systemem Windows Phone mogą ignorować zapis www.m. ... ponieważ przeglądarka w nich instalowana ma funkcjonalność otwierania stron jako urządzenie mobilne, bądz komputer stacjonarny - ustawiasz to w menu przeglądarki (którą jest IE11). Jeśli ustawisz "komputer stacjonarny" to i tak strona www.m. ... otworzy się tak jak ogladana z kompa albo nie otworzy się w ogóle - przeglądarka wywali błąd obsługi. Jutro potestuję Twoją stronkę na Lumiach i dam znać. Piotr
Sorki, napisałem nieprawdę. Jeżeli po www jest m to przglądarka telefonu zawsze otwiera stronę traktując ją jako mobilną; niezależnie od ustawień . Jeśli wpisuję www.biuro... to zaczynają obowiązywać ustawienia przeglądarki - mobilne lub stacjonarne. Strona o której piszesz otwierana w wersji "urz.stacjonarne wygląda źle. Podaj maila to wyślę Tobie zrzuty ekranowe pion i poziom z ustawieniem strona www.biuro ... dla ustawień "mobilne" wszystko jest OK - następuje automatyczne przekierowanie do strony www.m.biuro... i wyświetlanie jest OK. Piotr
Dzięki Piotrze za zainteresowanie
Pisz śmiało na darektiger[małpa]o2.pl
A co do stron "normalnych" to zapewniali, że strony zrobione w Website będą wyświetlały się poprawnie na urządzeniach mobilnych - przepraszam - działały poprawnie
Działać poprawnie a wyświetlać poprawnie to jest jednak duża różnica
Jak by tak naprawdę było wszystko ok to nie musiałbym tworzyć osobnej strony dla urządzeń mobilnych
Darek poproszę o pomoc.
Zrobiłem stronkę mobilna i postawiłem ją na adresie m.pulsar-sp.pl (taka testówka w subdomenie). Proszę pokaż mi jak zrobić przekierowanie automatyczne dla smartfona aby po wpisaniu „pulsar-sp.pl” na urządzeniu wyświetliła się strona mobilna. Ty zrobiłeś coś takiego dla biura rachunkowego Goja. W dyskusji Ryszard pisze o umieszczeniu odnośnika ze strony „normalnej” do mobilnej ale nie wiem gdzie mam go wstawić. Czy to ma być po prostu link ? U Ciebie to chyba działa jakoś inaczej.
pozdrawiam Piotr
Witaj.
Napiszę jak ja to robię:
m.pulsar-sp.pl nie może być stroną mobilną ze względu na szerokość strony - 992 px.
Strona mobilna, ta dla smartfona ma szerokość 320 px do 640 px.
Wysyłam plik przekierowujacy ze strony: pulsar-sp.pl na stronę mobilną: m.pulsar-sp.pl
Plik ten do edycji: detectmobilebrowser.js.txt otwierasz i na samym dole podmieniasz nazwę strony: http://detectmobilebrowser.com/mobile na http://www.m.pulsar-sp.pl i zapis.
Po podmienieniu usuwasz z nazwy pliku .txt i zostaje przerobiony detectmobilebrowser.js
W v.11 przerobiony plik detectmobilebrowser.js umieszczasz:
Ustawienia zaawansowane-> Statystyki, optymalizacja SEO ikod-> Zaawansowane-> Pliki związane z kodem HTML
Załącznik:
Jeszcze Załacznik:
Uff, jeszcze dodam, ze ten plik detectmobilebrowser.js umieszczasz w wersji podstawowej http://www.pulsar-sp.pl
Witam
A ja sobie "zainstalowałem" tą dyrektywę na serwerze ponieważ nie wszystkie urządzenia mobilne maja włączoną obsługę JS i dla pewności to przekierowanie następuje już z poziomu serwera Drugi plus przekierowania z serwera to jest "bezpośrednie" wyświetlenie się strony "mobilnej" tzn. w przypadku pliku JS Klient czyli urządzenie musi pobrać zawartość "normalnej" strony i po rozpoznaniu urządzenia przekierowuje go dopiero do wersji mobilnej Proszę również zwrócić uwagę na prawidłowe "otagowanie" tych stron by Google prawidłowo je indeksowało tzn na stronie "normalnej" umieszczamy tag np
<link rel="alternate" media="only screen and (max-width: 640px)" href="http://adres mobilnej wersji" /> oraz w wersji mobilnej wpisać tag
<link rel="canonical" href="http://adres "normalnej" strony" />
Super. Dzięki Ryszard za instrukcję, tego potrzebowałem. Darku możesz opisać "jak dla blondynki" gdzie umieszczasz tagi ? i zrób proszę zrzut z ekranu. To mi bardzo pomoże. Co to znaczy że plik "zainstalowałeś" na serwerze; w którym miejscu go osadziłeś ? Dziękuję Wam za pomoc
Witaj Piotrze
Tagi umieszczasz w sekcji head, a przerobiony (zmiana adresu strony mobilnej) tekst z odpowiedniego pobranego pliku ze strony http://detectmobilebrowsers.com/ (nie znam Twojego serwera więc piszę na przykładzie Apache) wklejasz do pliku .htaccess w katalogu Twojej strony
serdecznie PANOWIE dziękuję za te informacje :) czy któryś z WAS myślał o własnym forum na temat html, css, js, jquery itd itp wykorzystywanie tego w website x5? posiadacie dużą wiedzę która bezapelacyjnie przydaje się do tworzenia stron w website.. chylę czoła... naturalnie byłbym pewnie nie jedyny który korzystałby z waszych rad i wiedzy pozdrawiam
a mam jeszcze pytanie.. co jeśli posiadam formaty stron 320 px, 780 px, 960 px, 1024 px ... na różne urządzenia ponieważ na tablecie 320 px w poziomie nie prezentuje się ciekawie? jak to mam teraz ugryźć? dziękuję z góry za jakie kolwiek wskazówki
Ryszard czy wystarczy coś dopisać (przerobić) w pliku który załączyłeś detectmobilebrowser.js.txt ?
Witaj
A próbowałeś wstawić w nagłówku tag np
<link rel="alternate" media="only screen and (max-width: 780px)" href="http://adres mobilnej wersji 780" /> i tak do każdej wersji
ok wszystko jasne... sprawdziłem nie ma potrzeby robić aż tyle formatów 320 px starczy (no i na pc) jest ok dzięki Ryszard
dzięki Darek zastosuję :) podpowiedź...
testowałem stronę na https://seoceros.com/pl/optymalizacja-wyszukiwania/analiza/ którą kiedyś podawaliście (nie wiem kto - czy Ryszard czy Darek czy Arkadiusz czy ktoś inny) niestety sporo jest niedociągnięć w pracach zrobionych w website x5 czy ingerujecie zawsze albo dosyć często w kod generowany z tego programu (website x5)?
Witaj
By osiągnąć wysokie wyniki, niestety zawsze trzeba coś "poprawić", dopisać ręcznie
telefon telefonem, ale są inne urządzenia jeszcze...
A nie lepiej tak:
If recognised mobile device
If non-mobile device
If screen is not more than: (określ szerokośc;wysokość)
If screen is more than: ( jw.)
To nie fanaberia, to już podstawa Incomedia!
Jest jeszcze strona, gdzie można sprawdzić który element strony trzeba zoptymalizować, żeby było szybciej...
http://test.watchscript.pl/
dzięki Ryszard :)
Adresy stron, które bardzo często używam do testów dzięki nim można ładnie zoptymalizować stronkę :
http://tools.pingdom.com/fpt/
http://webspeed.intensys.pl/
i podstawatestów
http://validator.w3.org/
oraz do CSS
http://jigsaw.w3.org/css-validator/