Мобилопригодность(c) - новый алгоритм Владивосток

Unlock
На сайте с 01.08.2004
Offline
719
#91
Meito:
Разрешение мобилопланшетов скачет от 260px до 2500px.

Чучка писатель, чукча не читатель? Специально для Вас процитирую:

Unlock:
@media screen and (max-width: 1000px)
попадет смартфон с FHD (1920x1080) и не попадет монитор с разрешением 1280x1024.

Нет никаких планшетов с разрешением 2500. Все устройства с высоким разрешением имеют плотность пикселя больше 1, так что делите разрешение на 3, к примеру.

Конкретный пример, смартфон с FHD, для браузера это 360x598.

Как можно верстать что-то и не знать этого?

Зайдите со смартфона с FHD на http://www.mydevice.io/ и сильно удивитесь. Там же http://www.mydevice.io/devices/ есть таблица, к примеру: LG G3 - 1440x2560, css: 360x640 Почувствуйте разницу....

Есть желание, - тысяча способов; нет желания, - тысяча поводов! /Петр-I/.
S@shka
На сайте с 27.09.2009
Offline
157
#92

Гениальное новшество))

Уже несколько месяцев прошло с момента начала пометок сайтов адаптированных под моб.устройства, но по прежнему куча таких сайтов даже отметку в серпе получить не может.

Unlock
На сайте с 01.08.2004
Offline
719
#93

Я раньше тоже брыкался, что не буду под мобильные ничего переделывать и пусть все идут лесом. Но когда трафика уже под 50% или даже больше - куда деваться то... Поисковики начали учитывать. Самая проблема это форумы на движках типа Воблы. Там ничтожное количество адаптивных шаблонов, а уже приличных еще меньше. Но я заморочился и показатель отказов по Метрике уменьшился на мобильных в несколько раз. Хотя делал, в основном, под небольшое количество старожилов, которые очень важны для форума и они нередко со смартфонов сидят на форуме.

Но и реклама на мобильных устройствах показывается в более жестком варианте. :) Это такая мстя... За весь секс, что был с переделкой ресурсов.

MH
На сайте с 20.02.2012
Offline
40
#94

Я только сегодня обнаружил, что в новом вебмастере написано - сайт не адаптирован. Все из-за флеша который был на основной, а внутренние он даже не смотрел. Написано - так как у вас главная не адаптирована нефиг дальше и смотреть. Хотя весь внутряк был адаптирован и без флеша :-( Начал искать из-за просадки абдейта последнего.

Best Regards MaxHost
Хаагенти
На сайте с 11.11.2007
Offline
148
#95
svv:
А как Вы сделали, чтобы шла переадрессация на m.site.com?
Просто добавление rel alternate не даёт такого эффекта, да и Яндекс не понимает его :(

Отвечу.

В htaccess полной версии можно добавить (это редирект мобильных устройств):

RewriteEngine on

RewriteCond %{HTTP_USER_AGENT} ((.*iPhone.*)|(.*iPod.*)|(.*BlackBerry.*)|(.*Android.*Mobile.*)|(.*Windows\ CE.*)|(.*IEMobile.*)|(.*Opera\ Mini.*)|(.*Opera\ Mobi.*))

RewriteCond %{REQUEST_FILENAME} !\.(jpg|gif|png|css|js|txt|ico|zip|gz)$ [NC]

RewriteCond %{HTTP_REFERER} !^http://site\.com(/)?

RewriteCond %{QUERY_STRING} !no_redirect=true [NC]

RewriteRule ^(.*)$ http://m.site.com/$1 [L,R=302]

Прописать в htaccess мобверсии (это запрет декстопам просматривать мобильную версию)

RewriteEngine on

RewriteCond %{HTTP_USER_AGENT} !Windows\ NT.+Touch [NC]

RewriteCond %{HTTP_USER_AGENT} Windows\ NT\ 6|Macintosh|Ubuntu|Linux\ (x86_64|i686)|CrOS [NC]

RewriteCond %{QUERY_STRING} !no_redirect=true [NC]

RewriteCond %{HTTP_REFERER} !^http://m\.site\.com(/)?

RewriteRule ^(.*)$ http://site.com/$1 [L,R=302]

Продам имярекам злого джинна египетских царей, фактически отдам рабочую урну мудрости ума (акростих, читать начальные буквы)
Unlock
На сайте с 01.08.2004
Offline
719
#96
svv:
Просто добавление rel alternate не даёт такого эффекта

Судя по вопросу, Вам не очень поможет, но как вариант: http://mobiledetect.net/

Там всё довольно просто, есть возможность разделить планшеты и смартфоны. Точность конечно не та, что хотелось бы, но пойдет. Там не только юзер агент проверяется, да и вообще более надежный вариант, из тех, что есть и легко доступны.

Meito
На сайте с 06.12.2012
Offline
62
#97
Unlock:
Чучка писатель, чукча не читатель? Специально для Вас процитирую:

Нет никаких планшетов с разрешением 2500. Все устройства с высоким разрешением имеют плотность пикселя больше 1, так что делите разрешение на 3, к примеру.
Конкретный пример, смартфон с FHD, для браузера это 360x598.
Как можно верстать что-то и не знать этого?
Зайдите со смартфона с FHD на http://www.mydevice.io/ и сильно удивитесь. Там же http://www.mydevice.io/devices/ есть таблица, к примеру: LG G3 - 1440x2560, css: 360x640 Почувствуйте разницу....

Мда. Курам на смех.

Во первых, то, что на ipade pro плотность пикселей 2 к 1, а не 1 к 1, не меняет его фактического (физического) разрешения - 2732px. А то, что при верстке не нужно учитывать плотность пикселей, я и не говорил. Так, что ваши таблички кому-нибудь еще кидайте.

Во вторых, фактическое разрешение необходимо учитывать не только при ширине окна, но еще и при верстке картинок и всяких растовых изображений. Откройте одну и туже картинку в 100px шириной на мониторе 1024 где плотность 1 к 1, а на айпаде где плотность 2 к 1 и поймете разницу. Именно поэтому при адаптивной верстке необходимо учитывать настоящее разрешение устройств и делать "retina ready" изображеня.

Как можно верстать что-то и не знать этого?

Unlock
На сайте с 01.08.2004
Offline
719
#98
Meito:
Как можно верстать что-то и не знать этого?

Так я и не верстальщик. :) А вот когда верстальщик изрекает нечто подобное:

Meito:
Разрешение мобилопланшетов скачет от 260px до 2500px. Мобильная версия, на мой взгляд, то еще извращение в современных условиях.

Как бы намекая, что разрешение как на мониторах и мол это разрешение точно такое же как на больших экранах, то это удивляет.

Куры пусть и дальше смеются. :)

P.S. Замыленность картинок на ретина дисплеях, отдельный вопрос. На каком-нибудь промосайте это может быть важно. Для большинства сайтов пофиг, эффект не сильно выражен. Но, в идеале, учитывать надо.

Meito
На сайте с 06.12.2012
Offline
62
#99
Unlock:
Так я и не верстальщик. :) А вот когда верстальщик изрекает нечто подобное:

Как бы намекая, что разрешение как на мониторах и мол это разрешение точно такое же как на больших экранах, то это удивляет.
Куры пусть и дальше смеются. :)
P.S. Замыленность картинок на ретина дисплеях, отдельный вопрос. На каком-нибудь промосайте это может быть важно. Для большинства сайтов пофиг, эффект не сильно выражен. Но, в идеале, учитывать надо.

Не вижу никаких намеков, это уже кто как читает. Ладно, не важно. :)

Да, ретино-картинки (если речь о больших изображениях) не сильно портят впечатление о сайте. Но всякие иконки и логотипы могут размыливаться в хлам. Поэтому, лично мы, после начала использования адаптивной верстки, переделали все логотипы и иконки в SVG формат. Очень удобно. Всем советую. Гугл их ест на ура.

M2
На сайте с 03.08.2010
Offline
89
#100
SergTel:
А есть примеры выдачи где наглядно видно разницу в позициях?
Посмотрел несколько своих запросов где процент немобильных в топе очень большой, отличий не много, с мобильника по прежнему 80% динозавров в топе.

Жду когда конкурентов подвинут. Последнее время яндекс вообще радует.

Ну мобильные сайты, это полное говно, если учитывать все телефоны, мне лично удобней лазить на обычной версии, через свой телефон.

Мне лично не нужно что бы в топе было это говно, если нету полной версии сайта, в низу, что бы переключить, я сразу с такого сайта ухожу.

Оптимально делать, что бы пользователей с мобилы, мог переключать версии, для каких то телефонов, удобней мобильные сайты, но есть телефоны, где мобильные сайты, не нужная фигня, с которой хочется уйти.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий