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

xtras
На сайте с 03.12.2013
Offline
342
#161

Благодаря вашим советам получилось исправить ситуацию на 3 сайтах.

Прописал max-width для картинок, для комментов вконтакте, для плеера роликов с ютуба, а все блоки адсенса заменил адаптивными. Но теперь пришла очередь мобилизировать сайты с тизерами и сразу затык - как сделать, чтобы блок тизеров выводился при большом разрешении в виде:

Тизер1 Тизер2 Тизер3 Тизер4

А при уменьшении разрешения так:

Тизер1 Тизер2

Тизер3 Тизер4

Кто уже решил подобную проблему, посоветуйте, как это сделать?

ЭЯ
На сайте с 14.01.2007
Offline
82
#162

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

А у вас как?

Alfa
На сайте с 27.02.2002
Offline
118
#163
xtras:
как это сделать?

Также как и с любыми другими блоками:

float:left

а чтобы занимало все доступное место надо скриптами считать размер блоков, например:

1. блок должен быть 200 px // для разных разрешений можно задать разные значения

2. считаем сколько их таких влезает в ширину блока контента // например в 1100 px влезает пять, а в 480 - два

3. считаем какой ширины должны быть блоки чтобы равномерно занимать все место // 1100 / 5 = 220, 480 / 2 = 240

4. считаем пропорционально высоту блоков если нужно

5. применяем новые значения ширины к стилям // 220 или соотв. 240

6. вешаем эту функцию на onload и onresize

а еще можно не размеры блоков менять, а ширину пустого места между ними, пример реализации последнего подхода:

http://www.redkeds.com/portfolio/

xtras
На сайте с 03.12.2013
Offline
342
#164

Alfa, сказать по правде, мало что из сказанного понял, т.к. ни разу не верстальщик. Пока сделал через скрытие одного и отображение другого блока в зависимости от разрешения, добавив правило в css (сделал по совету представителя техподдержки одной из тизерной сетей, за что честь и хвала ему за такую консультацию).

Теперь при достаточном разрешении выводится блок с 4 тизерами в ряд, а при маленьком разрешении - с 2 тизерами. Проверку в яндексе все странички проходят, все норм.

Meito
На сайте с 06.12.2012
Offline
62
#165

Кому интересна связь Апов и признание "мобилопригодности".

Сделали на одном из проектов адаптивную верстку 6 февраля. Сегодня, 11 февраля, Ап - сайту добавили приписку "моб. версия". Всё довольно шустро. Но изменений в мобильной выдаче никаких. Точь в точь те же позиции.

Alfa
На сайте с 27.02.2002
Offline
118
#166

Да нет особо никакой связи. Кейс - адаптивная верстка уже почти год. В январе писали в саппорт - почему мол нет "приписки", ответ был такой - мы это все запустили только в ноябре, нужно время, ждите, все будет.

SS
На сайте с 28.08.2013
Offline
28
#167

Не читал всю ветку, да возможно пишу свой вопрос не туда: подскажите, а как можно видимость сайта в мобильном Яндекса хотя бы смотреть (про Гугл не спрашиваю) - парсить напрямую? Xml-то не поможет...

Egor109
На сайте с 13.12.2005
Offline
155
#168
Serba-seo:
Не читал всю ветку, да возможно пишу свой вопрос не туда: подскажите, а как можно видимость сайта в мобильном Яндекса хотя бы смотреть (про Гугл не спрашиваю) - парсить напрямую? Xml-то не поможет...

/ru/forum/comment/14287955

SS
На сайте с 28.08.2013
Offline
28
#169

Я про позиции? Не про отображение. Можно ли как-то снимать позиции мобильного сайта в Яндексе хотя бы?

Snake800
На сайте с 02.02.2011
Offline
222
#170
Meito:
Сделали на одном из проектов адаптивную верстку 6 февраля. Сегодня, 11 февраля, Ап - сайту добавили приписку "моб. версия". Всё довольно шустро. Но изменений в мобильной выдаче никаких. Точь в точь те же позиции.

Приписка - это пока единственный бонус, который получают мобилопригодные сайты. Как изменить ранжирование для мобильного поиска - похоже, в Яндексе ещё не придумали. Как с импортозамещением: пока только слово придумали.

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