Почему в разных браузерах сайт на разных позициях
Оптимизация сайта под поисковые системы – это комплекс действий, которые включают в себя работу с внутренними, внешними, поведенческими и коммерческими факторами ранжирования.
Работы с внутренними факторами включают в себя в том числе проведение тестирования самого сайта на кроссбраузерность. Этот показатель должен быть на соответствующем уровне, т.к. влияет на поведение пользователей и конверсии.
Простыми словами кроссбраузерность сайта – способность сайта правильно отображаться (не должно быть проблем с версткой) и функционировать в большинстве часто используемых браузерах (Google Chrome, Mozilla Firefox, Opera, Safari и пр.), созданных для разных операционных систем (Microsoft Windows, Apple Mac OS, Linux и пр.).
Для того, чтобы провести тестирование на кроссбраузерность быстрее и проще всего будет обратиться к онлайн-сервисам или приложениям для автоматизации работы.
ТОП сервисов проверки сайта на кроссбразуерность
Этот сервис работает по принципу создания скриншотов. Есть как платная, так и бесплатная версия сервиса. Они отличаются между собой только дополнительными возможностями и функционалом. Платная версия будет стоить около 30$ за каждый месяц использования программы.
Сервис предоставляет возможность тестирования в режиме реального времени. Перед тестированием нужно выбрать один из пяти популярных браузеров и проследить работу сайта на нем в реальном времени. Также можно выбирать удобную версию системы: Андроид или другую возможную. Все разрешения экрана сохраняются как скриншоты. Использование этого сервиса возможно только на платной основе, так как бесплатная версия ограничена 3 минутным использованием в режиме демоверсии, далее следует оплатить пользование ресурсом.
Как и большинство других это платный для использования сервис. Для проверки сайтов здесь представлено очень много браузеров и все версии операционных систем как для компьютеров, так и для мобильных устройств. Он составляет различные комбинации и варианты сайта, имитируя действия пользователей. Для этого доступны несколько вариантов: живой тест, то есть взаимодействие сайта с поисковой машиной по специально выбранным параметрам и запись этого процесса на видео со скриншотами, автоматическое тестирование с уже заданной комбинацией параметров и Selenium тестирование с проведением проверок по специальному скрипту. В триал сервис предоставляет весьма ограниченную по своему функционалу версию на 60 минут ее использования. После этого нужно оплатить дальнейшее использование в 200 $ за месяц.
Это бесплатный сервис для проверки на кроссбраузерность, который предназначен для работы на компьютере или смартфоне. Софт поддерживает только Internet Explorer, а остальные браузеры анализировать не может. Поэтому полноценный анализ по всем браузерам это ПО сделать не сможет, зато полностью проанализирует сайт на одном браузере.
В отличие от предыдущего варианта, этот сервис использует для анализа несколько браузеров разных версий и обновлений, не ограничиваясь только одним. Здесь возможно тестирование в уже предустановленных браузерах. Можно также работать без подключения к интернету, если имеются сохраненные файлы. Это позволяет взаимодействовать сразу с несколькими браузерами, а также смотреть сайты на мобильных устройствах.
Таким образом, каждый из этих сервисов имеет свои преимущества и особенности использования. Некоторые из них можно использовать на бесплатной основе длительное время, но большинство имеет ограниченный период пользования бесплатной версией. Плата варьируется от 10 до 200$ за месяц. Поэтому при выборе сервиса стоит отталкиваться от потребностей и общего количества сайтов, необходимых для проведения анализа на кроссбраузерность.
На один и тот же запрос дает два разных результата в хроме и эксплорере. В эксплорере моя статья на первом месте, в хроме копипаста статьи на первом месте моего сайта и близко нет. Как так? Запрос "разбитый градусник мифы и страшилки" - а то видно плоховато на джипегах.
Вы сами каким браузером пользуетесь? просто когда часто ищешь что то в поиске, и кликаешь по одному и тому же сайту, поисковики искусственно поднимают этот сайт в выдаче именно для вас. Стоит сменить браузер и позиции отображаются другие
Ищу в основном с Хрома. При этом первой в эксплорере моя статья, в хроме скопипащеная. Чего делать не пойму. Может куда написать или бесполезно?
Попробуйте очистить куки в эксплорере для начала. Потом посмотрите, у себя проверил, вашего сайта в топе также нет.
Только такой вопрос, зачем вам этот ключ? разбитый градусник мифы и страшилки
У него даже по вордстату 0.
Написать можно в ТП яндекса, если конечно есть факты, что вы первоисточник. А вообще, добавляйте тексты в "оригинальные тексты" в яндексе
а кто скажет почему разные снипеты в разных поисковиках?
янднкс дает один, гугл совсем другой, бинг вообще берет первое предложение как такое может быть?
Иван Севостьянов, понял, спасибо. Завтра с работы зайду гляну. Про градусник это просто разбавить автомобильную тематику. Эту статью кстати уже на нескольких сайтах опубликовали, самая популярная у меня получается)
KLTYJАлексей Фиш пишет:Цитата |
---|
разбавить автомобильную тематику |
Цитата |
---|
KLTYJАлексей Фиш пишет: Может куда написать или бесполезно? |
Списался с владельцем блога, который скопипастил статью мою. Он не упорствовал поставил подпись, что материал взят сс такого то сайта. Но вот его блог 1- 2 место в ТОПе с копипастой, а мой сайт с оригиналом в неведомых далях. Что делать не понимаю.
KLTYJАлексей Фиш, вам нужно было потребовать ссылку, а не просто упоминание.
А на счет позиции, причин много. Первая это конечно же сам яндекс. Привыкайте к такому поведению
А вообще, просто сравните этот сайт со своим, найдите, что у него реализовано лучше, чем у вас. Может быть на ту страницу ведет много ссылок внутри сайта или с других сайтов.
Если вы продвигаете сайт, то могли заметить, что в одном браузере сайт на первом месте, во втором - на третьем, где-то его вообще нет в ТОП10.
В этой статье я расскажу, почему это происходит.
Причин на самом деле несколько, но они делятся на две группы: персональная выдача и не персональная (другими словами, даже в "чистом" браузере анонимного посетителя выдача тоже может быть разной).
Рассмотрим их по очереди.
1. Персональная выдача
Пользуясь поисковой системой, будь то Яндекс или Google? вы можете быть авторизованы в Яндекс.почте или Gmail. Таким образом, система однозначно знакома с посетителем, его историей поиска и предпочтениями. Причём логин пользователя это дополнительная помощь системе, принцип работает даже если вы не авторизованы в сервисе поисковой системы - о вас итак уже известны какие-то данные, если вы не очищали COOKIE и не удаляли свой браузер.
Если какой-либо сайт посещался вами чаще остальных, поисковая система может выдавать его выше остальных результатов. Похожая система есть в "Вконтакте" - в списке друзей по запросу "Александр" выйдет тот Александр, страницу которого вы недавно просматривали. У другого пользователя будет абсолютно другой Александр.
2. Настройки выдачи и регионы
Помимо классических предпочтений, поисковые системы учитывают ряд других факторов:
- Регион поиска, который определился по вашему IP-адресу
Если по Казани вы на первом месте, то по Москве вас может быть вообще невозможно найти. - Безопасный поиск
Если безопасный поиск включен, то некоторые из сайтов могут исчезнуть из выдачи - а это тоже влияет на результаты - Количество результатов на страницу.
Некоторые настраивают Яндекс так, чтобы просматривать не 10 результатов на странице, а 50. Это также влияет на результаты выдачи.
Всё это сильно влияет на результаты поиска. Однако даже на чистых системах с настройками по умолчанию выдача также может быть разной. Вот причины этого:
3. Эксперименты Яндекса
Есть информация о том, что Яндекс регулярно проводит эксперименты с целью улучшить качество поиска и сделать Директ (контекстная реклама Яндекса) более выгодным. Регулярно в один и тот же момент времени проводится 5-10 экспериментов, каждый из которых затрагивает примерно 4% аудитории. Пользователи для экспериментов выбираются либо регионально (допустим, Москва), либо в случайном порядке.
На одном компьютере сайт на 5-м месте, а на втором можно случайно нарваться на эксперимент.
Эксперименты могут быть следующими, например:
- Понизить в позициях интересный сайт для того, чтобы повысить кликабельность рекламы
- Активировать новый алгоритм
- Активировать новый дизайн (например, прямо сейчас ряд людей видят новый дизайн Яндекса - острова).
- Показать или скрыть информационные результаты (например, Википедия)
Экспериментировать на небольших фрагментах аудитории ради улучшения качества поиска - благое дело. Однако результаты выдачи - разные.
4. Конкуренты из контекстной рекламы
Все поисковые системы существуют за счёт заработка с контекстной рекламы. Это - их основной хлеб. Понятное дело, что чем больше этого хлеба - тем лучше.
Поисковые системы могут понизить в позициях сайт, который конкурирует с контекстной рекламой. Допустим, на одном компьютере вы на 5-й позиции.
Открываете второй компьютер - бац, кто-то подал объявление в рекламу (или настала очередь показать объявление). Всё, сайт занижен в позициях. Или наоборот, занижены позиции одного из ваших конкурентов по выдаче, или наоборот, объявление пропало - позиции выросли.
Как результат - даже на чистой системе и чистом анонимном браузере выдача может отличаться.
5. Внутренняя архитектура поисковой системы
Яндекс использует (или как минимум использовал пару лет назад) систему вроде Apache Hadoop. Поиск требует множество ресурсов, и один-два сервера (родительские) хранят информацию, которая растекается по сотням остальных компьютеров. Таким образом, все пользователи поиска подключаются к машинам которые и осуществляют поиск. Все обновления индекса постоянно "заливаются" на эти машины. Если кто-то зашёл на машину, в которой устаревшие данные, или слишком новые, то результаты поиска будут устаревшие или новые. Другой посетитель, который волей случая был подключён к другой машине - получит другие данные. И опять даже на чистой системе и чистом анонимном браузере выдача может отличаться.
Поиск и результаты
В итоге нестабильность выдачи привела к интересным результатам. Некоторые группы запросов теперь не продвигаются SEO-компаниями. Да и сама услуга продвижения по топу уже не так сильно котируется самими SEO-компаниями, и это немудрено - как продвигать сайт заказчика в ТОП5, если в одном месте он в ТОП5, а в другом ТОП10? Как доказать заказчику, что всё выполнено? Это приводит к увеличению стоимости услуги как таковой.
К счастью, на рынок вовремя вышла услуга продвижения по результату, продвижение по трафику - продвижение не фантикам позиций, а реальным целевыми посетителям, которое достигается оптимизацией сайта, высоким уровнем удобства использования - всем тем, что так любят и люди, и поисковые системы. Косвенно это явление приводит к увеличению конверсии сайта в целом благодаря эффекту "длинного хвоста", о котором я расскажу в одном из следующих записей в блоге. Подписывайтесь!
Если вы продвигаете сайт, то могли заметить, что в одном браузере сайт на первом месте, во втором - на третьем, где-то его вообще нет в ТОП10.
В этой статье я расскажу, почему это происходит.
Причин на самом деле несколько, но они делятся на две группы: персональная выдача и не персональная (другими словами, даже в "чистом" браузере анонимного посетителя выдача тоже может быть разной).
Рассмотрим их по очереди.
1. Персональная выдача
Пользуясь поисковой системой, будь то Яндекс или Google? вы можете быть авторизованы в Яндекс.почте или Gmail. Таким образом, система однозначно знакома с посетителем, его историей поиска и предпочтениями. Причём логин пользователя это дополнительная помощь системе, принцип работает даже если вы не авторизованы в сервисе поисковой системы - о вас итак уже известны какие-то данные, если вы не очищали COOKIE и не удаляли свой браузер.
Если какой-либо сайт посещался вами чаще остальных, поисковая система может выдавать его выше остальных результатов. Похожая система есть в "Вконтакте" - в списке друзей по запросу "Александр" выйдет тот Александр, страницу которого вы недавно просматривали. У другого пользователя будет абсолютно другой Александр.
2. Настройки выдачи и регионы
Помимо классических предпочтений, поисковые системы учитывают ряд других факторов:
Регион поиска, который определился по вашему IP-адресу
Если по Казани вы на первом месте, то по Москве вас может быть вообще невозможно найти.
Безопасный поиск
Если безопасный поиск включен, то некоторые из сайтов могут исчезнуть из выдачи - а это тоже влияет на результаты
Количество результатов на страницу.
Некоторые настраивают Яндекс так, чтобы просматривать не 10 результатов на странице, а 50. Это также влияет на результаты выдачи.
Всё это сильно влияет на результаты поиска. Однако даже на чистых системах с настройками по умолчанию выдача также может быть разной. Вот причины этого:
3. Эксперименты Яндекса
Есть информация о том, что Яндекс регулярно проводит эксперименты с целью улучшить качество поиска и сделать Директ (контекстная реклама Яндекса) более выгодным. Регулярно в один и тот же момент времени проводится 5-10 экспериментов, каждый из которых затрагивает примерно 4% аудитории. Пользователи для экспериментов выбираются либо регионально (допустим, Москва), либо в случайном порядке.
На одном компьютере сайт на 5-м месте, а на втором можно случайно нарваться на эксперимент.
Эксперименты могут быть следующими, например:
- Понизить в позициях интересный сайт для того, чтобы повысить кликабельность рекламы
- Активировать новый алгоритм
- Активировать новый дизайн (например, прямо сейчас ряд людей видят новый дизайн Яндекса - острова).
- Показать или скрыть информационные результаты (например, Википедия)
Экспериментировать на небольших фрагментах аудитории ради улучшения качества поиска - благое дело. Однако результаты выдачи - разные.
4. Конкуренты из контекстной рекламы
Все поисковые системы существуют за счёт заработка с контекстной рекламы. Это - их основной хлеб. Понятное дело, что чем больше этого хлеба - тем лучше.
Поисковые системы могут понизить в позициях сайт, который конкурирует с контекстной рекламой. Допустим, на одном компьютере вы на 5-й позиции.
Открываете второй компьютер - бац, кто-то подал объявление в рекламу (или настала очередь показать объявление). Всё, сайт занижен в позициях. Или наоборот, занижены позиции одного из ваших конкурентов по выдаче, или наоборот, объявление пропало - позиции выросли.
Как результат - даже на чистой системе и чистом анонимном браузере выдача может отличаться.
5. Внутренняя архитектура поисковой системы
Яндекс использует (или как минимум использовал пару лет назад) систему вроде Apache Hadoop. Поиск требует множество ресурсов, и один-два сервера (родительские) хранят информацию, которая растекается по сотням остальных компьютеров. Таким образом, все пользователи поиска подключаются к машинам которые и осуществляют поиск. Все обновления индекса постоянно "заливаются" на эти машины. Если кто-то зашёл на машину, в которой устаревшие данные, или слишком новые, то результаты поиска будут устаревшие или новые. Другой посетитель, который волей случая был подключён к другой машине - получит другие данные. И опять даже на чистой системе и чистом анонимном браузере выдача может отличаться.
Поиск и результаты
В итоге нестабильность выдачи привела к интересным результатам. Некоторые группы запросов теперь не продвигаются SEO-компаниями. Да и сама услуга продвижения по топу уже не так сильно котируется самими SEO-компаниями, и это немудрено - как продвигать сайт заказчика в ТОП5, если в одном месте он в ТОП5, а в другом ТОП10? Как доказать заказчику, что всё выполнено? Это приводит к увеличению стоимости услуги как таковой.
К счастью, на рынок вовремя вышла услуга продвижения по результату, продвижение по трафику - продвижение не фантикам позиций, а реальным целевыми посетителям, которое достигается оптимизацией сайта, высоким уровнем удобства использования - всем тем, что так любят и люди, и поисковые системы. Косвенно это явление приводит к увеличению конверсии сайта в целом благодаря эффекту "длинного хвоста", о котором я расскажу в одном из следующих записей в блоге.
Экспериментируйте, ждите новых статей от нас, подписывайтесь и удачи вам в развитии!
Кроссбраузерность — одна из важнейших характеристик любого сайта, подразумевающая одинаково корректное отображение и работу ресурса в разных браузерах, а также их версиях. Для того, чтобы сайт правильно функционировал в Google Chrome, Яндекс.Браузере, Safari, Opera, Firefox, Android Browser и т.д. как на стационарных, так и на мобильных устройствах, необходимо решить вопрос кроссбраузерности еще на этапе верстки. О том, как протестировать сайт на кроссбраузерность и добиться этого свойства, мы рассказываем в данной статье.
Почему сайты могут по-разному отображаться и работать в разных браузерах
Причина этой проблемы — отличия в исходном коде. Особенно это касается старых версий браузеров.
Нередко определенные HTML-коды и CSS-стили по-разному воспринимаются и обрабатываются на разных движках, поэтому один и тот же элемент может в одном браузере отображаться и функционировать корректно, а в другом — нет.
В чем выражается кроссбраузерность сайта и почему она так важна
Если сайт некорректно отображается, неправильно работает в одном или нескольких популярных браузерах, то он неудобен для использования. Посетители будут уходить с него, не просмотрев и одной страницы. Таким образом, увеличится показатель отказов, а, как известно, этот поведенческий фактор ранжирования сайтов имеет весомое значение. Поисковые роботы посчитают такой сайт неинтересным и понизят его позиции в органической выдаче. О конверсиях, разумеется, не может быть и речи, поскольку пользователю не удалось ознакомиться с предлагаемой продукцией или услугой.
Проанализируем конкурентов, подберем запросы с низкой конкуренцией, проведем поисковую оптимизацию сайта, организуем внешнюю ссылочную массу, проработаем карточки компании на онлайн картах, проведем базовую UX-аналитику сайта. Над каждым проектом работает от 6 до 10 специалистов. Собственные разработчики для доработки сайта при необходимости. От вас - сайт, от нас - позиции в Яндекс/Google и трафик.
При этом сайт не должен абсолютно одинаково выглядеть во всех браузерах. Вам достаточно:
- сохранить структуру;
- не допустить развала верстки;
- избежать наложения текста на текст, изображения;
- сохранить читабельность информации.
Главное, чтобы клиенту было удобно читать, просматривать изображения и совершать действия на сайте с того браузера, которым он привык пользоваться.
Как протестировать сайт на кроссбраузерность
- Ручное тестирование кроссбраузерности сайта. Для этого нужно установить на ПК разные браузеры и посмотреть, как сайт отображается в каждом из них. Способ верный, но неудобный: придется скачивать разные браузеры и их версии, а некоторые из них, к слову, можно установить только на macOS.
- Использование специальных онлайн-сервисов. Этот способ прост и надежен. Таких сервисов достаточно много: есть и бесплатные, но с определенными ограничениями, и платные, но более функциональные и быстрые.
Здесь можно бесплатно проверить сайт на корректность отображения информации в различных браузерах (около 65) и операционных системах. В зависимости от степени загруженности сервера запросами проверка занимает от пяти минут до двух часов. Если вы хотите ускорить процесс, рекомендуем приобрести доступ к так называемой «приоритетной обработке».
Результаты тестирования предоставляются пользователю в виде скриншотов. На них видно, все ли в порядке с кроссбраузерностью сайта или над ней нужно еще поработать.
Из бесплатных сервисов также можно использовать CrossBrowserTesting, Browserling и т.д. Каждый из них отличается определенными функциональными особенностями и возможностями. Некоторые сервисы требуют пройти регистрацию, на других можно проверить сайт и без нее.
Если вы планируете использовать платный сервис, попробуйте BrowserStack . Этот мощный инструмент в режиме реального времени проверяет сайты на кроссбраузерность в более чем 2000 браузеров и устройств. А еще здесь есть бесплатный пробный период.
Кроме онлайн-сервисов, существуют и специальные приложения. К примеру, Multi-Browser Viewer. Этот инструмент позволяет проверить не только корректность отображения данных в разных браузерах, но и то, насколько правильно сайт функционирует.
Как добиться кроссбраузерности сайта
Предлагаем вам несколько самых действенных способов решения этой задачи:
1. Вендорные префиксы. Они представляют собой приставки к названиям уникальных свойств, которые используются вендорами (в данном случае это производители браузеров). Такие префиксы применяются в конкретных случаях, а именно, когда CSS-свойство:
Применяем лучшие практики digital–продвижения как из вашей тематики, так и из смежных областей бизнеса. Именно это сделает вас на голову выше конкурентов и принесёт лиды и продажи.
- нестандартно и прописано для определенного браузера;
- это эксперимент, который еще дорабатывается;
- реализует частичный функционал.
- -moz- применяется в Firefox;
- -ms- применяется в IE и Edge;
- -webkit- применяется в Safari, Google и прочих браузерах на базе WebKit и Blink;
- -o- применяется в старых версиях Opera (на платформе Presto).
Код может выглядеть следующим образом:
- -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
- - webkit-flex-wrap — это свойство для версий Chrome с 4 по 28 и версий Safari с 3.1 по 8;
- -ms-flex-wrap — свойство для IE 10.
CSS-свойство flex-wrap определяет, будет ли flex-контейнер расположен в одной строке или в нескольких. Wrap указывает на то, что flex-элементы внутри контейнера в случае переполнения располагаются в несколько горизонтальных рядов. Программист, создающий сайт, разумеется, хочет, чтоб так было во всех браузерах, поэтому использует вендорные префиксы.
2. CSS-hacks. Хаки — это части кода, которые может понять только какой-то конкретный браузер. То есть, если, к примеру, ваш сайт правильно отображается в четырех браузерах, а в остальных есть проблемы с корректностью интерпретации данных, то эту проблему можно решить, отдельно прописав соответствующие хаки для каждого браузера, в котором страницы отображаются неверно.
3. Разделение стилей. Используется для поддержки Internet Explorer. Этот способ предполагает определение браузера и подключение конкретного файла стилей. В IE применяются условные комментарии, которые понимает только Internet Explorer. Другие браузеры воспринимают этот код как простой комментарий.
4. Универсальные элементы. Они одинаково качественно функционируют практически во всех популярных браузерах. Благодаря им исходный код ресурса не выглядит громоздким, а главное, соответствует требованиям браузеров.
На бесплатном онлайн-сервисе caniuse. com вы узнаете, какие теги поддерживаются той или иной версией браузера.
Самые популярные браузеры среди пользователей Рунета
По данным Яндекс.Радара за июнь 2020 года, в большей степени пользователи Рунета предпочитают Google Chrome, Яндекс.Браузер и Safari.
Самые популярные браузеры среди пользователей Рунета
Что касается браузеров на мобильных устройствах, то здесь Яндекс.Браузер и Safari меняются местами.
Самые популярные браузеры на мобильных устройствах
Подводя итоги, стоит сказать, что добиться абсолютно идентичного отображения сайта во всех браузерах практически невозможно. Поэтому главной целью должен быть не единый дизайн, а читабельность текста, привлекательность изображений, доступность всех важных элементов и корректная работа функционала.
Читайте также: