Адаптивный дизайн, bootstrap и т.п - Форум успешных вебмастеров - GoFuckBiz.com
 
 
Форум успешных вебмастеров - GoFuckBiz.com

  Форум успешных вебмастеров - GoFuckBiz.com > Бизнес-решения > Скрипты, программы и технические решения
Дата
USD/RUB93.4409
BTC/USD66838.9066
Скрипты, программы и технические решения Обсуждаем скрипты, программы и новые технологии.

Закрытая тема
Опции темы Опции просмотра
Старый 24.10.2014, 06:40   #1
klim
Senior Member
 
Аватар для klim
 
Регистрация: 12.01.2009
Сообщений: 532
Бабло: $108200
По умолчанию Адаптивный дизайн, bootstrap и т.п

По какому алгоритму гугл определяет, что url заточен под разные разрешения и девайсы? Так понимаю, парсит css, js? Если да, то какие стандарты css дают понять боту, что верстка адаптивна? Bootstrap юзаю уже долго, но особо не заморачивлся о технической части, пока не начал замечать разницу в серпе для десктопов и мелких экранов на определённых тематиках.
klim вне форума  
Старый 24.10.2014, 07:16   #2
xanxy
Senior Member
 
Регистрация: 18.08.2010
Сообщений: 360
Бабло: $66120
По умолчанию

Адаптивный дизайн мутится через @media
Но для гугля думаю мало будет вписать какую нибудь хрень в @media. Тк гугл скорее всего "рендерит" страницу под разными разрешениями

http://getbootstrap.com/css/#grid-media-queries

чтоб было понятнее. Те для разных разрешений меняются css параметры нужных элементов
xanxy вне форума  
Старый 24.10.2014, 09:50   #3
SoftMaster
я крут как root
 
Аватар для SoftMaster
 
Регистрация: 28.05.2012
Адрес: HTTPHEADER
Сообщений: 483
Бабло: $65470
По умолчанию

Вот такие строки в CSS

PHP код:
@media only screen and (-webkit-min-device-pixel-ratio1.3), only screen and (-o-min-device-pixel-ratio13/10), only screen and (min-resolution120dpi){

@
media only screen and (min-width768px) and (max-width800px){ 
__________________
TrueMed$ - ссылка для реги без инвайта конверт 1:1 USA, 1:3 Евро, 0% на выплаты.
SoftMaster вне форума  
Старый 24.10.2014, 10:24   #4
chesser
автоматизирую интернеты
 
Аватар для chesser
 
Регистрация: 05.07.2009
Адрес: chesser.ru
Сообщений: 3,362
Бабло: $470735
По умолчанию

Про это можно почитать у гугла. Они чуть ли не каждый месяц постят статьи про адаптивную верстку начиная с 2012 года.

https://developers.google.com/webmas...rtphone-sites/ - основные доки
http://googlewebmastercentral.blogsp...h/label/mobile - блог для вебмастеров, фильтр по тегу mobile, там есть про адаптивную верстку
__________________
USA и NL серверы и VPS | wiki | блог | Drupal | NginxТДС
Ave, Google, morituri te salutant! © chesser
chesser вне форума  
Старый 24.10.2014, 12:12   #5
vkusnoserver
это Энди
 
Аватар для vkusnoserver
 
Регистрация: 07.05.2011
Сообщений: 547
Бабло: $66260
Отправить сообщение для vkusnoserver с помощью Skype™
По умолчанию

Гугл бот = Хром
т.е. как правильно сказали выше, он рендерит
Пиздатая статья на тему: http://ipullrank.com/googlebot-is-chrome/
__________________
Хорошо делай, хорошо будет.
vkusnoserver вне форума  
Старый 24.10.2014, 21:56   #6
klim
Senior Member
 
Аватар для klim
 
Регистрация: 12.01.2009
Сообщений: 532
Бабло: $108200
ТС -->
автор темы ТС По умолчанию

Цитата:
Сообщение от vkusnoserver Посмотреть сообщение
Пиздатая статья на тему: http://ipullrank.com/googlebot-is-chrome/
Интересно, при таком подходе анализируется выполнение js или тупо эмулируется ширина экрана девайса? Учитывая, что гугл когда-то выдавал в серпе скриншоты сайтов - наверное, ему проще замерить ширину скриншота.
klim вне форума  
Старый 25.10.2014, 01:49   #7
sliderxxx
Ебланнед
 
Регистрация: 20.08.2008
Сообщений: 1,067
Бабло: $153400
По умолчанию

А зачем боту понимать под какой девайс верстка? Для повышения в серпе мобильных девайсов? Спалю тему. Юзай m.domain.com. Да, все так просто. Сделай пару сотен рандомных сабов, среди которых саб m и проспамь одинаково. Потом логи посмотри
sliderxxx вне форума  
Старый 25.10.2014, 09:47   #8
klim
Senior Member
 
Аватар для klim
 
Регистрация: 12.01.2009
Сообщений: 532
Бабло: $108200
ТС -->
автор темы ТС По умолчанию

Цитата:
Сообщение от sliderxxx Посмотреть сообщение
Для повышения в серпе мобильных девайсов?
Выдача для мобильных устройств отличается от выдачи для десктопов-лэптопов.

Цитата:
Сообщение от sliderxxx Посмотреть сообщение
Спалю тему
Речь не про добычу траффика - он и так есть. Google поддерживает в том числе и сабы при соблюдении определённых условий.
klim вне форума