14 Декабря 2010 в 09:37

Оптимизация кода страниц или в SEO мелочей нет

15 14417
Иван Артасов
Фрилансер

SEO-специалистам уже давно известно, что наряду с внешними и внутренними факторами ранжирования сайтов в поисковых системах на позиции в SERP’е влияют и т.н. поведенческие (пользовательские) факторы. Несмотря на это последним уделяют недостаточное внимание. Причин этому множество. Во-первых, не все SEO-компании, особенно занимающиеся «конвейерным» клиентским продвижением, могут выделить ресурсы на анализ влияния поведенческих факторов, мониторинг показателей отказов и количество просмотров страниц, анализ трафика, идущего на сайт и т.д. Во-вторых, специалисты среднего уровня до сих пор работают по принципу «сделал Seo оптимизацию — купил ссылки — жду позиции». В третьих, некоторые оптимизаторы не уделяют внимание пользовательским факторам по той причине, что не считают это нужным, ленятся или просто не знают о них.

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

Зачем это нужно?

Ответ прост. Оптимизация кода не только ускорит загрузку страниц, но и сделает сайт более дружелюбным к поисковым системам — код станет чистым и красивым, а его элементы будут располагаться в нужных местах. Кроме того, изначально скептически воспринятое оптимизаторами в ноябре 2009 заявление Google о том, что скорость загрузки web-документа является одним из факторов ранжирования, только подтверждает тот факт, что оптимизацией кода страниц следует заниматься. Тем более, что на этот фактор оптимизатор может влиять сам.

Составляющие оптимизации кода

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

1. Title, Description и Keywords — располагаем сразу после тега <head>.

Данные теги должны следовать сразу после тега <head>. Очень часто этим пренебрегают, и нередко можно видеть, как после заголовка head идёт всё, что угодно, но только не Title и мета-теги. Многие популярные CMS, например, Joomla «грешат» этим.

В приведенном выше примере, если не обращать внимание на спамный keywords, показана часть неоптимизированного поля HEAD.

2. CSS-стили и Java-скрипты — «прячем» в файлы .css и .js.

Если пренебрегать этим простым правилом, то значительную часть кода страницы могут составлять стили оформления элементов страницы и java-скрипты. Этот код является техническим, он не несёт пользователю полезной информации, т.к. в нем не сосредоточен контент, но при этом он добавляет объём для страницы. Поэтому очевидно, что для ускорения загрузки страниц и SEO-вёрстки необходимо выносить его в отдельные файлы с расширениями .css и .js.

3. Контент в коде — «выше»!

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

4. Ненужный и сомнительный код — закрываем от индексации.

Элементы страниц, не несущие в себе смысловой нагрузки, нужно закрывать от индексации. Таким образом, повышается общая релевантность документа. Яндекс читает код, заключенный в парный тег <noindex>, но не учитывает его при ранжировании. К ненужному и сомнительному коду можно отнести счетчики статистики (liveinternet, rambler top100, bigmir и т.п.), формы голосований и опросов, отправки заявки или поиска товара, логин-панель и т.д. Встречаются страницы, содержащие все эти элементы. Доля кода SEO-контента на таких страницах будет минимальна.

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

5. Закомментированный код удаляем.

Просматривая исходные коды интернет-страниц, довольно часто можно увидеть закомментированные элементы. Причем иногда суммарная доля такого кода занимает более 50%. Закомментированный код может серьезно увеличить объём html-страницы, тем самым, увеличив время загрузки документа. Такой код может появляться, например, в случае, когда происходит редизайн или переверстка сайта. Верстальщик может закомментировать килобайты кода и не удалить его по окончанию работ.

6. «Скрытые» элементы. Снижение риска наложения санкций.

Если в коде страниц сайта присутствуют скрытые от поисковых систем средствами CSS-форматирования элементы, от них также необходимо избавиться. К наиболее часто встречающимся элементам этой категории относятся «display:none» и «visibility:hidden». Если проект полностью белый и Вам нечего скрывать от пользователей, не стоит рисковать и ждать возможных санкций от Яндекса.

7. Валидность & кроссбраузерность — Яндекс рекомендует.

В своих рекомендациях по созданию сайтов Яндекс отмечает, что код должен быть валидным и соответствовать стандартам W3C. Валидный код гарантированно будет совместим со всеми версиями всех браузеров и обрабатывается лучше, чем код, написанный не по спецификации. Проверить сайт на валидность кода можно на сайте http://validator.w3.org/.

На поведенческие факторы существенное влияние может оказать некроссбраузерная верстка. Сайт должен одинаково хорошо отображаться во всех современных браузерах при разных разрешениях. Довольно часто можно увидеть, когда браузер Internet Explorer некорректно отображает содержимое сайта, причем отличия с Firefox и Opera кардинальные. Если на таком сайте процент пользователей IE составит 20%, то вероятность того, что показатель отказов значительно увеличится, возрастает. Пользователь не проведет много времени на таком сайте, вероятно, сразу же закроет вкладку и никогда не вернется на сайт повторно. Верстку сайта следует поручать профессионалам, для которых понятия «валидность» и «кроссбраузерность» — не пустые звуки.

8. Оптимизация картинок под web.

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

Выяснялось, что дело не в не самой быстрой скорости подключения к интернету, а в том, что кажущиеся мини-картинки на самом деле имеют огромные разрешения, но вместо того, чтобы сжать изображение в графическом редакторе, верстальщик в коде страницы прописал атрибутам картинок «width» и «height» значения, в 15 раз, меньшие, чем реальное разрешение фотографий. Иногда доходит до того, что в веб-документе используют изображения в формате .bmp, как известно, имеющие гораздо большие объёмы в сравнении с идентичными изображениями в форматах .jpg или .gif. В качестве примера можно привести страницу о популярном сейчас биатлоне — http://magdalena-neuner.narod.ru/nowfoto.html. Чтобы посмотреть в подгружаемом фрейме все фотографии, пользователь вынужден будет скачать порядка 20 Мб трафика, поскольку 90% изображений там выполнено в bmp-формате.

Как быть и что делать в нынешних условиях?

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

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

15 комментариев
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Поделиться 
Поделиться дискуссией:
  • Роман
    больше года назад
    Влияет ли на Seo закомментированный код?

    Я у своего конкурента нашел интересный закомментированный кусок. Пример: <!-- <div class=msg_div>Единственный интернет-магазин только оригинальных очков Ray-Ban в Украине, исключительно настоящие Ray-Ban, самый широкий выбор, все очки в наличии</div> -->
    -
    0
    +
    Ответить
    Поделиться
  • Евгений
    больше года назад
    В статье написано что нужно "прятать" css & js в файлы .css & ..js да бы ускорить загрузку страниц, я с этим категорически несогласен, поскольку браузеру прийдется с ново обращаться за файлами к серверу во время загрузки html, с начала получили html и понимаем что к html есче подключены js and css и идем за этими файлами, это снижает скорость загрузки! гораздо быстрее если этот код уже в html как это делает yandex с css
    -
    0
    +
    Ответить
    Поделиться
  • Федор
    больше года назад
    Неинтересно, ничего нового нету, все это написано уже давно в разных источниках. На Яндекс вообще стоит ли ориентироваться? Он выводит на первые места в поисковом запросе не тех кого надо, а тех, кто проплатился.
    -
    0
    +
    Ответить
    Поделиться
  • анастасия
    больше года назад
    я не могу понять как получить код.
    -
    0
    +
    Ответить
    Поделиться
  • Речкабо Какухонингэн
    больше года назад
    Статья не о чем, под названием SEO. Ну конечно автор не оригинален - использует старые слова и знаки... - Я не понял, а как он должен писать, что бы нравиться любителям фиг поймешь какой новизны? - Претензии к копирайту есть? - Претензий к копирайту нет, статья авторская - ну и все, что за дела?? Кому не нравится - ну и гуляй мимо, иди наваяй свое, осчастлив нас своей мудростью... А Ивана Артасова не тронь - он наш, настоящий русский SEO
    -
    0
    +
    Ответить
    Поделиться
  • Гость
    больше года назад
    А вы думаете что автор вот так взял вам и все на блюдечке рассказал и показал примеры? Это только верхушка айсберга. Бесомненно что это даст новичкам информацию о том что надо делать изначально с сайтом что бы он не был как Буратино (палено).
    Копайте глубже, обращайте на сессии, айдишники, склейки, редиректы, ошибки всевозможные,хостинги, домены итд итп. И будет вам счастье. А писать что статья фуфло может каждый.
    Молодец Автор.
    -
    0
    +
    Ответить
    Поделиться
  • Гость
    больше года назад
    Понравилось, интересно почитать. Молодец.
    -
    0
    +
    Ответить
    Поделиться
  • Игорь Ёк
    больше года назад
    Автору пора бы знать, что закрытие счетчиков ноиндексом не удаляет "ненужные" элементы, а то таким макаром и ссылки может закрывать? А?

    текст это текст - элементы, это элементы
    -
    0
    +
    Ответить
    Поделиться
  • Маша
    больше года назад
    Таким образом, код, желательно, должен быть валидным, но тогда почему же сам <noindex> прописан так, что не проходит валидность.
    -
    0
    +
    Ответить
    Поделиться
  • Андрей
    больше года назад
    <noindex> приблуда яндекса, и работает только под него.

    автор рассказывает о SEO и при этом сам нарушил все законы SEO, как описанные тут так и другие :)
    попахивает копипастом, ибо я это уже где-то читал.
    -
    0
    +
    Ответить
    Поделиться
  • Дима Ф.
    больше года назад
    Согласен с автором, что качественное развитие ресурса без внимания к коду немыслимо. Даже если в продвижении это не играет такой большой роли как ссылки или оптимизация текста, все равно на качестве ресурса работа с кодом скажется положительно.
    -
    0
    +
    Ответить
    Поделиться
  • Вадим
    больше года назад
    Спасибо за статью для меня, как для новичка это очень полезная информация
    -
    0
    +
    Ответить
    Поделиться
  • Ренат Зайдуллин
    13
    комментариев
    0
    читателей
    Ренат Зайдуллин
    больше года назад
    Маше - сам Яндекс насчет <noindex> пишет, что если нужна валидность, использовать <!--noindex-->текст<!--/noindex-->
    -
    0
    +
    Ответить
    Поделиться
  • Член ПолитБюро
    больше года назад
    статья ни о чем
    -
    0
    +
    Ответить
    Поделиться
  • dr.AMik
    0
    комментариев
    0
    читателей
    dr.AMik
    больше года назад
    Позволю не согласится, интересная статья, спасибо автору. Конечно Америку не открыл, но прочитать и закрепить знания было полезно.
    -
    0
    +
    Ответить
    Поделиться

Отправьте отзыв!
X | Закрыть