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

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

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

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

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

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

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

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

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

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

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

Отвечу.

В 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]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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