HTML+CSS или почему Википедия постоянно в топ’е?

Рубрика: База знаний 15 Комментария(ев)

Как попасть сюда? Закажите рекламу прямо сейчас!

wikiНедавно чисто случайно попал на Вики. Оно бывает и по нужде заносит на Вики, но в этот раз я что-то анализировал: то ли информацию по запросам конкурентов, то ли еще что-то, но это не сильно важно. В общем, мне почему-то захотелось посмотреть html-код Википедии, после чего я сохранил страницу вместе со всеми стилями.

Я не новичок в СЕО и понимаю, что, кроме ссылок, в оптимизации важную роль играет и внутренняя оптимизация, которая, кроме текста – контента, в себя еще включает и грамотную верстку дизайна сайта-донора.

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

Если взглянуть внимательней, видно, что Вики подает информацию в таком порядке:

  • основной контент, который разбит на 2 колонки;
  • визуальный хедер;
  • сайдбар с тайтлами на внутренние страницы Вики с передачей анкора с главной в тайтлы внутренних страниц, что очень позитивно влияет на вес внешних ссылок с такими же анкорами (проверенно, что 2-3 ссылки с сайта-донора на продвигаемую страницу значительно упрощают продвижение и повышают влияние внешних ссылок на эту же страницу с этими же анкорами – немного закручено, но уверен, что меня поняли);
  • футер страницы со ссылками на источники и копирайты.

Все это потом просто собирается с помощью грамотной верстки и .css стилей. Сразу скажу, что реализация не сильно простая, но такой подход очень позитивно скажется на Вашем сайте и такие операции переворота последовательности стоят Вашего внимания.

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

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

002. Вся визуализация задается в .css стилях, что ускоряет загрузку страниц и уменьшает нагрузку на сайт в целом.

003. Робот поисковой системы учитывает тело страницы раньше хедера и других второплановых элементов, что позволяет продвигаться сайту естественно, что уже и говорить, если еще и работать в этом направлении.

004. Визуально такие дизайны подходят для любого браузера и тянуться независимо от разрешения экрана пользователя, ибо все координаты – относительны.

Этот список можно продолжать еще, но в этом просто нет смысла. Информацию и суть я Вам передал, а дальше уже дело Ваше, как Вы поступите со знаниями. Но теперь не ругайтесь, если увидите Википедию выше в выдаче и не сможете ее обогнать – просто их верстка и подача информации нравиться роботам поисковых систем больше и это закономерно.

Я уже начал использовать эти знания на всех своих проектах, а Вы еще думаете?

Помощь по разблокировке
Для того чтобы снять блок и увидеть скрытое содержание, подпишитесь на RSS канал блога.
Кликните по иконке или введите свой e-mail ниже:

В программе чтения RSS, или в пришедшем письме, в подвале каждой статьи, публикуется код разблокировки блока. Пользуйтесь кодом только из последних опубликованных в RSS статей блога.

В статьях, получаемых Вами через RSS, содержание всегда открыто.

Хотите знать больше? Секреты заработка и рабочие схемы знают мои подписчики.

Введите Ваш e-mail адрес и подпишитесь на обновления, чтобы получать уникальные рекомендации!


Комментарии к посту


  1. Wikipedia в топе из-за наложенного на неё траста. Пример не совсем удачный.

  2. vlad:

    У Википедии столь грандиозный лимит доверия и соответственно авторитетность, что все прочее отходит на второй план. А вообще насколько я заметил сайты на WIKI CMS (на любой) не обладают сколь-нибудь серьезными преимуществами, если обладают хоть какими-то. То есть моя позиция - Википедия в топе благодаря авторитету, а не идеальной оптимизации.

  3. vlad, лимит доверия есть у каждого сайта, но верстка играет далеко не последнюю роль.

    SeoMonitor, я не ставил цель показать инструкцию, как обойти Вики в выдаче - цель показать эффективность данного подхода Вики.

  4. А еще вики очень хорошо перелинкована, что с самой вики куча страниц линкуются друг с другом, что очень большой плюс !

  5. По моему эту информацию пишут на первых страницах любой современной кники по html, а именно: что страница не должна быть сильно набита тегами, что все стили выносим в отдельный файл, и что грамотная перелинковка - это сила. Однако информация про хидеры для меня стала новой.

  6. Как то поздно вы среагировали на все это дело. Видимо вы новичек в области html верстки.
    Wiki не лучший вариант верстки
    Вообще то если прочитать рекомендации для web мастеров от поисковых Google так и Yandex то можно легко обойти по показателем туже самую Wiki. Лично мне это легко удается.
    С вашего позволения я даю вам ссылки на свой соответствующий, тематический материал.
    Как я верстаю свои страницы - http://www.sd-company.su/sd_base_xp/seo/seo_jurnals_my_rules.php, там я постарался четко расписать правила верстки подсматривая за лидерами Интернет Индустрии

  7. Может украинская версия википедии и оптимизирована таким образом, но в русской ничего подобного не обнаружил. Вначале оглавление, потом основной текст, потом линки. Разве что на внутреннюю перелинковку можно внимание обратить.
    А в топе вики скорее всего потому, что ей вручную добавили траста. Да и не в ручную можно вычислить, что юзеры часто к ней обращаются.

  8. Я хотел сверстать таким способом, но вот для сайта с фиксированной шириной не получилось. То есть сайдбар-то пустил после текста, а вот пустить шапку - сложно. А что касается фиксированной ширины, от нее сложно отказываться из-за фиксированной ширины всевозможных баннеров и рекламных блоков.

  9. LaaCrus, про перелинковку также упомянул. Вики вообще грамотно сделана.

    Флеш, я не спорю, уверен, что пишут, но все равно мало кто использует эти знания - ведь, легче купить тонну ссылок, чем ковыряться в дизайне. %)

    Zerohold, прочел Вашу статью. Очень полезная. В верстке не то чтобы новичок, но вот такие детали начинаю замечать только сейчас почему-то.

    Панферов, посмотрите повнимательней - все Вики так сверстаны, Вас путает маркировка, но представление Вики именно такое, как я описал в статье. Траст играет не малую роль, но повторюсь, цель статьи не показать, как обогнать Вики, а показать, как нужно верстать.

    Сандер, шапка легко перемещается с помощью абсолютных координат в цсс, когда тело опускаете на пару пикселей, а шапку закрепляете вверху, независимо, где и у кого верх. Баннеры просто закрепляете также цсс-кой, которая фиксирует видимость, так баннеры просто будут в своем месте и со своими размерами, без учета ширины.
    П.С, Смотрите, как это делает Вики - все просто, если разобраться.

  10. Да, это тоже одна из причин высоких позиций вики в серпе, и, действительно, никто не мешает по такой же схеме собрать свой сайт.
    Хорошая статья, одна поправка: “ибо все координаты – абсолютны” - спутал, правильно “относительны”.

  11. Aronsky, и правду - попутал. :) Спасибо, исправил.

  12. Сомневаюсь, что роботы не читают css. Знакомые дорвейщики рассказывали, что например Гугл отлично высекает display: none
    Или когда цвет текста имеет цвет фона, т.е. скрытие, это тоже отлично определяют роботы.

  13. Neolot, но ведь данный метод не использует скрытие или преобразование цветов.

  14. Александр Стаховский я об пункте 001. Робот поисковой системы не видит стилей

  15. > Neolot:
    глупо сейчас прятат при помощи display none
    Есть такое понятие как слои, ими можно прятать текст довольно легко без последствий поисковых систем, НО если кто то на это капнет в поисковые системы то за это можно получить вечный бан, без права восстановления

Оставьте свой комментарий