Большинство заказчиков просят веб-дизайнеров улучшить индексацию сайта поисковыми системами, чтобы привлечь большее количество посетителей. Некоторые дизайнеры и студии предлагают отдельные услуги по продвижению сайта в поисковых системах (SEO), а другие специалисты не хотят делать ничего для SEO. Большинство заказчиков, желающих продвинуть свой сайт в поисковых системах, знают очень мало о самих способах продвижения, и что требуется для появления сайта на первых позициях выдачи поисковика, по запросам ключевых слов с высокой конкуренцией.
Учитывая то, что Веб-дизайн и SEO тесно связаны друг с другом, этот топик можно назвать «Часто Задаваемые Вопросы» для дизайнеров, но зачастую остаются непонятными моменты, связанные с ответственностью веб-дизайнера и с тем, что в его силах для улучшения SEO. Большинство заказчиков именно от дизайнера требуют создания хорошо индексируемого сайта, который бы привлекал целевую аудиторию, однако, SEO – это непрерывный процесс, включающий в себя далеко не только дизайн и код сайта. Такие моменты как: анализ ключевых слов, разработка информационного наполнения, перелинковка и многие другие – безусловно, являются критическими моментами в оптимизации сайта для поисковых систем и, как правило, они представляют непрерывный процесс.
Несмотря на то, что веб-дизайнер может заложить фундамент для оптимизации сайта, SEO включает в себя намного больше, чем просто веб-дизайн. Если веб-дизайнеру удается разработать открытый для поисковых систем сайт, то любые последующие действия по его оптимизации будут иметь гораздо более сильный эффект. По моему мнению, веб-дизайн и SEO совершенно разные сервисы, и один веб-дизайнер не может разработать полностью оптимизированный для поисковых систем сайт, не имея знаний о других составляющих этого пазла. В идеале, дизайнер должен создать открытый для поисковых систем сайт и проконсультировать заказчика о дальнейших этапах работы над сайтом для его эффективной оптимизации (таких как разработка информационного наполнения и создания системы ссылок).
В этой статье мы проведем детальный анализ темы «Веб-дизайнеры и SEO». Многие другие темы, связанные с SEO, будут так же затронуты.
Как было отмечено во вступлении, задача веб-дизайнера состоит в создании сайта, открытого для поисковых систем и в заложении фундамента для дальнейших этапов оптимизации. Что же означает понятие «открытость для поисковых систем»? Суть данного понятия заключается в том, что дизайн и код сайта имеют большое влияние на результаты выдачи сайта в поисковых системах. Открытый для поисковика сайт значительно упрощает процесс нахождения им информации, определяет о чем говорится на сайте и конкретных страницах, позволяет сайту, основываясь на информационном наполнении, занять максимально возможно высокую позицию в результатах выдачи поисковых систем. Однако, открытые для поисковых систем сайты, нуждаются в гораздо большей работе, чтобы считаться полностью оптимизированными. Для детального обзора по теме, что делает сайт открытым для поисковых систем, можете прочесть статью «Создание открытых для поисковых систем сайтов» на сайте Cape Cod SEO. Некоторые моменты будут нами рассмотрены позже в данной статье.
Кроме создания открытого для поисковых систем сайта, веб-дизайнер должен обсудить тему выдачи сайта поисковыми система с заказчиком, объяснить, что необходимо делать дальше для оптимизации сайта, а так же выяснить, какие поисковые ключевые слова и фразы действительно нужны клиенту, чтобы привлечь правильную целевую аудиторию. В некоторых случаях, у клиента уже будут отобранные готовые ключевые слова и запросы, но некоторые могут даже не иметь представления о том, что это такое.
Если веб-дизайн и SEO действительно являются двумя совершенно различными услугами, почему дизайнеры должны думать о SEO? Для начала, некоторые дизайнеры и студии предоставляют обе услуги. В таких случаях, естественно, работа веб-дизайнеров и SEO-специалистов так или иначе пересекается.
Заказчики зачастую нанимают веб-дизайнеров, которые не предоставляют SEO услуг. Не смотря на то, что основными критериями клиента при оценке веб-дизайнера являются визуальная составляющая сайта, над которым он работает и эстетичность, сам бизнес ожидает от сайта другого: он ожидает мощного импульса в развитии. Если сайт занимается электронной торговлей – ему нужно увеличить продажи. Если это блог – ему нужно больше трафика, подписчиков, обсуждений в комментариях. Если это сайт бизнеса, ориентированного на предоставление услуг – ему нужно больше обращений, и как можно большего притока пользователей, генерируемого работой сайта.
Если веб-дизайнер хочет, чтобы его клиенты были счастливы и хочет, чтобы к нему и дальше обращались, он должен быть заинтересован в достижении бизнес-целей сайта так же, как в его визуальной привлекательности. Трафик, привлекаемый на сайт с поисковых систем, помогает в достижении желаемых бизнес-целей, какой бы тип сайта не разрабатывался.
Учитывая то, что трафик с поисковых систем является одним из ключевых условий успеха бизнеса, веб-дизайнер должен быть хорошо подкован в теме разработки открытых для поисковых систем сайтов, давая каждому сайту возможность на хорошее место в выдаче поисковиков.
Не смотря на то, что дизайн и процесс разработки сайта являются важной частью в становлении фундамента для поисковой оптимизации, возможности веб-дизайнера довольно ограничены. При условии, что дизайнер не предоставляет услуг по разработке информационного наполнения, перелинковки страниц сайта и социального медиа-маркетинга, шансы выхода сайта (над которым работал только дизайнер и разработчик) на высокие позиции выдачи в поисковиках по высокочастотным запросам – крайне невелики. Если сайт в прошлом уже хорошо обосновался в своей нише и имеет ряд трастовых внешних ссылок – его шансы на хорошую позицию в выдаче значительно увеличиваются, в противном случае – создание открытого для поисковых систем сайта – это лишь начало оптимизационного пути.
Заказчики очень часто просят веб-дизайнеров создать оптимизированный сайт, который бы находился в первых позициях поисковой выдачи по заданным целевым запросам. К сожалению, у дизайнера нет волшебной палочки, по взмаху которой сайт бы попадал в топ без каких-либо усилий. Дизайн и код сайта являются лишь одним кусочком большого пазла. Веб-дизайнеры должны обучать заказчиков основам SEO и дальнейшим шагам, которые они должны сделать на пути их сайта в топ. Так же они могут помочь заказчику в выборе низкочастотных запросов, по которым можно вывести сайт на хорошие позиции в выдаче, основываясь только на открытости сайта поисковым системам и базовой работе с информационным наполнением.
Исходя из того, что дизайн и код сайта являются хорошим фундаментом SEO, очень важно все делать правильно на этих этапах, но не менее важно не делать ничего такого, что могло бы сделать фундамент нестабильным в дальнейшем. Чёрное SEO (все то, что пытается обмануть результаты выдачи и нарушает нормативы Google) может помочь заказчику в достижении лучших позиций в результатах выдачи в краткосрочной перспективе, но с большой вероятностью нанесет сайту серьезный вред в будущем. Все веб-дизайнеры должны иметь базовое представление о SEO, и о том, что может в будущем нанести потенциальный вред сайту заказчиков в поисковых выдачах, чтобы этого избегать.
Кроме всего прочего, дизайнеры должны избегать обещаний заказчику вроде следующего: «Я могу сделать сайт для Вас, который будет выводиться на первой странице поисковой выдаче Google по такому-то ключевому запросу». В частности, если дизайнер предоставляет услуги только по дизайну и разработке сайта, не касаясь SEO услуг, то в его распоряжении не так уж и много способов, которые он мог бы применить, чтобы сдержать такое обещание перед заказчиком. Если клиент просит разработать сайт, который должен будет достичь определенного места в поисковой выдаче, лучше всего детально объяснить ему, что входит в процесс оптимизации сайта, предложить свою помощь по тем услугам, которые Вы можете предоставить и порекомендовать специалиста, реализующего все остальные SEO-услуги, которые Вы реализовать не можете.
Теперь, когда мы выяснили роль веб-дизайнера в процессе SEO, и почему поисковый трафик столь важен, пора взглянуть на некоторые конкретные вещи, которые могут реализовать веб-дизайнеры, создавая открытые для поисковых систем сайты. Учитывая цели данной статьи, мы ссылаемся на веб-дизайн, описывая front end разработку (HTML/CSS разработка) и визуальную составляющую дизайна.
Перед началом любого проекта очень полезно обсудить тему поисковой оптимизации с заказчиком. Это полезно по нескольким причинам: 1) Если клиент имеет неадекватные ожидания от веб-дизайнера в вопросе вывода сайта в топ позиции выдачи, будет полезно рассказать ему об основах SEO и о роли веб-дизайнера в этом процессе; 2) Веб-дизайнер и клиент должны тесно сотрудничать, определяя целевые ключевые запросы, и то, как сайт должен быть оптимизирован. Клиенты всегда знают гораздо больше информации о своем бизнесе и о своих клиентах, чем дизайнер – именно поэтому очень важно вовлекать их в процесс определения поисковых запросов.
Если клиент не определил (или не уверен в правильности выбора), какие ключевые слова и запросы будут целевыми, веб-дизайнер может реализовать некоторые действия, выяснив какие фразы в основном используются людьми, которые ищут информацию по данной теме, какие еще ключевые слова и запросы можно использовать, и насколько велика конкуренция. Существует целое множество сервисов и программного обеспечения для подбора ключевых слов, но вполне достаточным для начального анализа ключевых запросов является бесплатный сервис «Google AdWords Keyword Tool». С помощью этого сервиса можно ввести интересующие Вас слова или фразы, получить информацию о количестве поисковых запросов за месяц, сделанных по данным ключевикам, оценить уровень конкуренции в данной нише для AdWords, получить список рекомендуемых и возможных ключевых фраз.
Даже если клиент уже определился с точными ключевыми словами, которые он хочет использовать, веб-дизайнеру не помешает сделать небольшой анализ по возможному использованию ключевых запросов. Возможно, будут найдены другие ключевые слова и фразы, не выбранные клиентом, но лучшие по частоте запросов или конкуренции. Кроме всего прочего, если клиент выбрал свои ключевики без применения какого-либо анализа, будет очень полезно показать ему сравнительный анализ уровней конкуренции для выбранных им ключевиков и для других схожих фраз.
Один из самых важных моментов на странице сайта для SEO – ее название. В идеале, названия страниц должны содержать в себе ключевые слова и фразы, чтобы реализовать максимальное совпадение, при поиске по соответствующим ключевикам. Названия могут содержать в себе любой другой текст, но ключевая фраза должна присутствовать обязательно. Естественно, что каждая страница сайта должна иметь свое собственное название, которое может быть использовано для включения различных ключевых фраз. Например, главная страница сайта фотографа может иметь название «Фотограф из Филадельфии», а второстепенные страницы могут сконцентрировать свои названия на других (но схожих) ключевиках: «Свадебный фотограф из Филадельфии» или «Фотограф пейзажей из Филадельфии».
Учитывая то, что названия страниц столь важны для хорошей позиции сайта в поисковой выдаче, веб-дизайнеры должны тщательно обсудить их с клиентами, используя анализ ключевиков для помощи в составлении верных названий. Для заказчиков, которые используют WordPress, дизайнеры могут установить расширение «All in One SEO Pack», позволяющее пользователям задавать названия для любых страниц и сообщений на сайте.
Одно из требований для открытого поисковым системам сайта является чистый код, облегчающий поисковым системам процесс индексирования страниц. Если поисковики тратят слишком много времени на индексацию страницы, вряд ли можно ожидать хорошей позиции в поисковой выдаче (примеры красивого кода Вы можете посмотреть в статье «Как должен выглядеть красивый HTML код», на сайте CSS Tricks). Макет страницы, основанный на CSS, делает HTML код значительно «чище», отделяя информационное наполнение страницы от разметки, чего нельзя сказать о табличных макетах.
Основная информация на странице должна быть расположена как можно выше в HTML коде страницы. Обычно в HTML коде страницы первым идет информация, расположенная в header-е. Важно сделать так, чтобы основная информация располагалась над информацией, идущей в боковой панели. Даже если боковая панель страницы располагается слева от основной информации (например, колонка с вертикальной навигацией(30%) и колонка с контентом сайта(70%) * прим. переводчика), необходимо сделать так, чтобы основная информация располагалась в HTML коде страницы выше, чем код боковой панели, что легко реализуемо с помощью CSS. Расположение главной информации в верхней части кода страницы, приводит к значительному увеличению скорости ее нахождения поисковиками и к уменьшению времени, затрачиваемого на ее распознавание.
HTML теги заголовков (такие как h1, h2, h3 и т.п.) должны быть использованы для определения заголовков и подзаголовков страницы. Несмотря на то, что аналогичный вид заголовка можно придать тексту, используя различные параметры и теги (font-weight, style, size и пр.), без использования тегов заголовков, они очень важны для поисковых систем, т.к. они обозначают важность информации и определяют структуру страницы. Теги заголовков помогают понять, на чем сделан акцент на странице, как поисковым системам, так и веб-дизайнерам – предоставляя возможность выделить ключевую фразу.
Во всей статье говорилось о перелинковке информации на сайте, как о важной составляющей SEO. Создание ссылок с различных трастовых ресурсов сети на страницы Вашего сайта (или сайта клиента) является одним из решающих критериев хорошей позиции сайта в поисковой выдаче, но внутренние ссылки (ссылки с одной страницы сайта на другую) не менее важны. В общем, поисковые системы предполагают, что страницы, на которые ссылается наибольшее число внутренних ссылок – являются наиболее важными. Например, если каждая страница сайта имеет ссылку на страницу с описанием продукта, логично будет предположить, что страница с описанием продукта довольно важна для сайта.
Использование внутренних ссылок облегчает работы поисковых систем при индексации сайта и поиске информации/страниц, кроме того, грамотно спроектированная внутренняя перелинковка сделает сайт максимально простым и доступным для пользователей, что гораздо более важно, чем позиция сайта в поисковой выдаче.
Текст ссылки (кликабельная текстовая область любой ссылки) очень важен для выдачи поисковиков, будь то внешняя или внутренняя ссылка. В данной статье мы говорим только о внутренних ссылках, т.к. только их веб-дизайнер может явно контролировать. В идеале, текст ссылки должен совпадать с ключевыми фразами, или как минимум, содержать их в тексте.
Использование ключевых слов и фраз в тексте ссылки позволяет поисковым системам определить тему страницы, на которую ссылается ссылка. В целях оптимизации, вместо текста «щелкните здесь» рекомендуется использование текста с ключевыми словами.
Существует два типа карт сайтов, каждый из которых имеет свое назначение. XML или Google карты не предназначены для использования посетителями сайта, они существуют, чтобы помогать поисковым системам находить всю важную информацию на сайте. XML карта сайта облегчает задачу поисковой системы по его индексации, а так же значительно уменьшает шанс пропуска какой-либо страницы во время этого процесса. Сайты, основанные на WordPress, могут использовать расширение «Google XML Sitemap», для автоматизации процесса. Для всех остальных сайтов можно использовать такой инструмент как «XML-Sitemaps».
Что касается HTML карт сайта, как правило, они используются посетителями сайта, чтобы найти ту или иную информацию. Однако, данный тип карт так же важен и для SEO. Не смотря на то, что HTML карты предназначены только для пользователей, они предоставляют собой возможность использовать внутренние ссылки, ссылающиеся на самые важные страницы сайта. Когда поисковые системы находят карту сайта, с её помощью они с легкостью индексируют весь сайт, а ссылки внутри карты, помогают им определить важность той или иной страницы (особенно для больших сайтов, которые не включают внутреннюю ссылку на каждую свою страницу).
URL страниц могут иметь некоторое влияние на позицию сайта в поисковой выдаче, поэтому, лучше всего использовать в них ключевые слова или фразы. Идеальный URL содержит в себе важные слова или фразы, говорящие как пользователям, так и поисковым системам о содержании страницы. Слишком длинные URL усложняют пользователям процесс их копирования и вставки, отправки по E-MAIL, записи и запоминания. Поисковые системы так же предпочитают короткие URL.
Дефис или нижнее подчеркивание очень часто используются в качестве разделителя слов в URL. Они могут значительно облегчить процесс чтения URL и определения ключевых слов, как пользователям, так и поисковым системам. Большинство систем управления сайтом имеют механизм по контролю и созданию ЧПУ.
Изображения и фотографии, используемые на странице, должны обязательно включать alt текст, описывающий изображения. Основное назначение alt текста носит две цели: доступность и юзабилити. Например, alt текст используют различные читалки экрана для пользователей с проблемным здоровьем. С корректным alt текстом можно узнать, что представляет собой то или иное изображение, даже не видя его. В SEO целях можно использовать ключевые слова и фразы в качестве alt текста – это даст небольшое преимущество в поисковой выдаче. Alt текст не должен использоваться только для SEO целей, но не будет лишним использовать в нем ключевые слова или фразы там, где это возможно.
Поисковые системы просматривают example.com и www.example.com как две различные страницы (одну с www, вторую без). Перенаправление 301 очень полезен, так как оно указывает поисковым системам, какая версия страницы предпочтительна, а так же избавляет поисковики от необходимости их просмотра как двух разных страниц. Без перенаправления 301 позиция сайта в поисковой выдаче может значительно пострадать. Данное перенаправление может быть установлено в .htaccess файле. Для подробной информации по данной теме прочтите статью «301 Redirects and www/non-www Canonical Problems».
Время загрузки страницы очень важно для пользователей сайта. Кроме того, в последние месяцы Google стал делать акцент на то, что время загрузки будет значительно влиять на результаты поисковой выдачи. Минимизация времени загрузки страницы – это тема, раскрытие которой может занять отдельную статью (прочтите статью «Как минимизировать время загрузки для пользователей»), но мы остановимся лишь на нескольких базовых моментах. Такие объекты как: изображения, аудио и видео, запросы к базе данных – увеличивают время загрузки страницы. В общем, скорость подключения к Интернету у большинства пользователей значительно возросла за последние годы, поэтому более тяжелые страницы и медленная загрузка страниц уже не столь большая досада для большинства пользователей. Однако, по-прежнему, очень полезно оптимизировать файлы и использовать такие инструменты как «Y Slow», чтобы определить, что еще можно подвергнуть оптимизации.
Не смотря на то, что дизайн – лишь небольшая часть SEO процесса, существует целый ряд факторов, который дизайнер может и должен учитывать, при создании сайта, открытого для поисковых систем. В ситуациях, когда заказчик имеет завышенное ожидание возможностей веб-дизайнера в SEO процессе, без разработки системы перелинковки страниц, добавления оптимизированной информации и пр., дизайнер должен вступить с ним в диалог. Дизайнер должен объяснить основные факторы, влияющие на положение сайта в поисковой выдаче и рассказать, что необходимо сделать, чтобы сайт оказался в топе по выбранным ключевым словам в конкурирующей среде.
Учитывая то, что Веб-дизайн и SEO тесно связаны друг с другом, этот топик можно назвать «Часто Задаваемые Вопросы» для дизайнеров, но зачастую остаются непонятными моменты, связанные с ответственностью веб-дизайнера и с тем, что в его силах для улучшения SEO. Большинство заказчиков именно от дизайнера требуют создания хорошо индексируемого сайта, который бы привлекал целевую аудиторию, однако, SEO – это непрерывный процесс, включающий в себя далеко не только дизайн и код сайта. Такие моменты как: анализ ключевых слов, разработка информационного наполнения, перелинковка и многие другие – безусловно, являются критическими моментами в оптимизации сайта для поисковых систем и, как правило, они представляют непрерывный процесс.
Несмотря на то, что веб-дизайнер может заложить фундамент для оптимизации сайта, SEO включает в себя намного больше, чем просто веб-дизайн. Если веб-дизайнеру удается разработать открытый для поисковых систем сайт, то любые последующие действия по его оптимизации будут иметь гораздо более сильный эффект. По моему мнению, веб-дизайн и SEO совершенно разные сервисы, и один веб-дизайнер не может разработать полностью оптимизированный для поисковых систем сайт, не имея знаний о других составляющих этого пазла. В идеале, дизайнер должен создать открытый для поисковых систем сайт и проконсультировать заказчика о дальнейших этапах работы над сайтом для его эффективной оптимизации (таких как разработка информационного наполнения и создания системы ссылок).
В этой статье мы проведем детальный анализ темы «Веб-дизайнеры и SEO». Многие другие темы, связанные с SEO, будут так же затронуты.
Ответственность дизайнера по отношению к SEO
Как было отмечено во вступлении, задача веб-дизайнера состоит в создании сайта, открытого для поисковых систем и в заложении фундамента для дальнейших этапов оптимизации. Что же означает понятие «открытость для поисковых систем»? Суть данного понятия заключается в том, что дизайн и код сайта имеют большое влияние на результаты выдачи сайта в поисковых системах. Открытый для поисковика сайт значительно упрощает процесс нахождения им информации, определяет о чем говорится на сайте и конкретных страницах, позволяет сайту, основываясь на информационном наполнении, занять максимально возможно высокую позицию в результатах выдачи поисковых систем. Однако, открытые для поисковых систем сайты, нуждаются в гораздо большей работе, чтобы считаться полностью оптимизированными. Для детального обзора по теме, что делает сайт открытым для поисковых систем, можете прочесть статью «Создание открытых для поисковых систем сайтов» на сайте Cape Cod SEO. Некоторые моменты будут нами рассмотрены позже в данной статье.
Кроме создания открытого для поисковых систем сайта, веб-дизайнер должен обсудить тему выдачи сайта поисковыми система с заказчиком, объяснить, что необходимо делать дальше для оптимизации сайта, а так же выяснить, какие поисковые ключевые слова и фразы действительно нужны клиенту, чтобы привлечь правильную целевую аудиторию. В некоторых случаях, у клиента уже будут отобранные готовые ключевые слова и запросы, но некоторые могут даже не иметь представления о том, что это такое.
Почему SEO важно дизайнерам?
Если веб-дизайн и SEO действительно являются двумя совершенно различными услугами, почему дизайнеры должны думать о SEO? Для начала, некоторые дизайнеры и студии предоставляют обе услуги. В таких случаях, естественно, работа веб-дизайнеров и SEO-специалистов так или иначе пересекается.
Заказчики зачастую нанимают веб-дизайнеров, которые не предоставляют SEO услуг. Не смотря на то, что основными критериями клиента при оценке веб-дизайнера являются визуальная составляющая сайта, над которым он работает и эстетичность, сам бизнес ожидает от сайта другого: он ожидает мощного импульса в развитии. Если сайт занимается электронной торговлей – ему нужно увеличить продажи. Если это блог – ему нужно больше трафика, подписчиков, обсуждений в комментариях. Если это сайт бизнеса, ориентированного на предоставление услуг – ему нужно больше обращений, и как можно большего притока пользователей, генерируемого работой сайта.
Если веб-дизайнер хочет, чтобы его клиенты были счастливы и хочет, чтобы к нему и дальше обращались, он должен быть заинтересован в достижении бизнес-целей сайта так же, как в его визуальной привлекательности. Трафик, привлекаемый на сайт с поисковых систем, помогает в достижении желаемых бизнес-целей, какой бы тип сайта не разрабатывался.
Учитывая то, что трафик с поисковых систем является одним из ключевых условий успеха бизнеса, веб-дизайнер должен быть хорошо подкован в теме разработки открытых для поисковых систем сайтов, давая каждому сайту возможность на хорошее место в выдаче поисковиков.
SEO ограничения для дизайнера
Не смотря на то, что дизайн и процесс разработки сайта являются важной частью в становлении фундамента для поисковой оптимизации, возможности веб-дизайнера довольно ограничены. При условии, что дизайнер не предоставляет услуг по разработке информационного наполнения, перелинковки страниц сайта и социального медиа-маркетинга, шансы выхода сайта (над которым работал только дизайнер и разработчик) на высокие позиции выдачи в поисковиках по высокочастотным запросам – крайне невелики. Если сайт в прошлом уже хорошо обосновался в своей нише и имеет ряд трастовых внешних ссылок – его шансы на хорошую позицию в выдаче значительно увеличиваются, в противном случае – создание открытого для поисковых систем сайта – это лишь начало оптимизационного пути.
Заказчики очень часто просят веб-дизайнеров создать оптимизированный сайт, который бы находился в первых позициях поисковой выдачи по заданным целевым запросам. К сожалению, у дизайнера нет волшебной палочки, по взмаху которой сайт бы попадал в топ без каких-либо усилий. Дизайн и код сайта являются лишь одним кусочком большого пазла. Веб-дизайнеры должны обучать заказчиков основам SEO и дальнейшим шагам, которые они должны сделать на пути их сайта в топ. Так же они могут помочь заказчику в выборе низкочастотных запросов, по которым можно вывести сайт на хорошие позиции в выдаче, основываясь только на открытости сайта поисковым системам и базовой работе с информационным наполнением.
Веб-дизайнеры не должны
Исходя из того, что дизайн и код сайта являются хорошим фундаментом SEO, очень важно все делать правильно на этих этапах, но не менее важно не делать ничего такого, что могло бы сделать фундамент нестабильным в дальнейшем. Чёрное SEO (все то, что пытается обмануть результаты выдачи и нарушает нормативы Google) может помочь заказчику в достижении лучших позиций в результатах выдачи в краткосрочной перспективе, но с большой вероятностью нанесет сайту серьезный вред в будущем. Все веб-дизайнеры должны иметь базовое представление о SEO, и о том, что может в будущем нанести потенциальный вред сайту заказчиков в поисковых выдачах, чтобы этого избегать.
Кроме всего прочего, дизайнеры должны избегать обещаний заказчику вроде следующего: «Я могу сделать сайт для Вас, который будет выводиться на первой странице поисковой выдаче Google по такому-то ключевому запросу». В частности, если дизайнер предоставляет услуги только по дизайну и разработке сайта, не касаясь SEO услуг, то в его распоряжении не так уж и много способов, которые он мог бы применить, чтобы сдержать такое обещание перед заказчиком. Если клиент просит разработать сайт, который должен будет достичь определенного места в поисковой выдаче, лучше всего детально объяснить ему, что входит в процесс оптимизации сайта, предложить свою помощь по тем услугам, которые Вы можете предоставить и порекомендовать специалиста, реализующего все остальные SEO-услуги, которые Вы реализовать не можете.
Эффективное SEO для веб-дизайнеров
Теперь, когда мы выяснили роль веб-дизайнера в процессе SEO, и почему поисковый трафик столь важен, пора взглянуть на некоторые конкретные вещи, которые могут реализовать веб-дизайнеры, создавая открытые для поисковых систем сайты. Учитывая цели данной статьи, мы ссылаемся на веб-дизайн, описывая front end разработку (HTML/CSS разработка) и визуальную составляющую дизайна.
1. Тщательно обсуждайте тему поисковой оптимизации сайта с заказчиками, помогая им определить нужные ключевые слова
Перед началом любого проекта очень полезно обсудить тему поисковой оптимизации с заказчиком. Это полезно по нескольким причинам: 1) Если клиент имеет неадекватные ожидания от веб-дизайнера в вопросе вывода сайта в топ позиции выдачи, будет полезно рассказать ему об основах SEO и о роли веб-дизайнера в этом процессе; 2) Веб-дизайнер и клиент должны тесно сотрудничать, определяя целевые ключевые запросы, и то, как сайт должен быть оптимизирован. Клиенты всегда знают гораздо больше информации о своем бизнесе и о своих клиентах, чем дизайнер – именно поэтому очень важно вовлекать их в процесс определения поисковых запросов.
2. Работа над ключевыми словами
Если клиент не определил (или не уверен в правильности выбора), какие ключевые слова и запросы будут целевыми, веб-дизайнер может реализовать некоторые действия, выяснив какие фразы в основном используются людьми, которые ищут информацию по данной теме, какие еще ключевые слова и запросы можно использовать, и насколько велика конкуренция. Существует целое множество сервисов и программного обеспечения для подбора ключевых слов, но вполне достаточным для начального анализа ключевых запросов является бесплатный сервис «Google AdWords Keyword Tool». С помощью этого сервиса можно ввести интересующие Вас слова или фразы, получить информацию о количестве поисковых запросов за месяц, сделанных по данным ключевикам, оценить уровень конкуренции в данной нише для AdWords, получить список рекомендуемых и возможных ключевых фраз.
Даже если клиент уже определился с точными ключевыми словами, которые он хочет использовать, веб-дизайнеру не помешает сделать небольшой анализ по возможному использованию ключевых запросов. Возможно, будут найдены другие ключевые слова и фразы, не выбранные клиентом, но лучшие по частоте запросов или конкуренции. Кроме всего прочего, если клиент выбрал свои ключевики без применения какого-либо анализа, будет очень полезно показать ему сравнительный анализ уровней конкуренции для выбранных им ключевиков и для других схожих фраз.
3. Обсуждайте названия (title) страниц с клиентом, чтобы оптимизировать их
Один из самых важных моментов на странице сайта для SEO – ее название. В идеале, названия страниц должны содержать в себе ключевые слова и фразы, чтобы реализовать максимальное совпадение, при поиске по соответствующим ключевикам. Названия могут содержать в себе любой другой текст, но ключевая фраза должна присутствовать обязательно. Естественно, что каждая страница сайта должна иметь свое собственное название, которое может быть использовано для включения различных ключевых фраз. Например, главная страница сайта фотографа может иметь название «Фотограф из Филадельфии», а второстепенные страницы могут сконцентрировать свои названия на других (но схожих) ключевиках: «Свадебный фотограф из Филадельфии» или «Фотограф пейзажей из Филадельфии».
Учитывая то, что названия страниц столь важны для хорошей позиции сайта в поисковой выдаче, веб-дизайнеры должны тщательно обсудить их с клиентами, используя анализ ключевиков для помощи в составлении верных названий. Для заказчиков, которые используют WordPress, дизайнеры могут установить расширение «All in One SEO Pack», позволяющее пользователям задавать названия для любых страниц и сообщений на сайте.
4. Чистый код
Одно из требований для открытого поисковым системам сайта является чистый код, облегчающий поисковым системам процесс индексирования страниц. Если поисковики тратят слишком много времени на индексацию страницы, вряд ли можно ожидать хорошей позиции в поисковой выдаче (примеры красивого кода Вы можете посмотреть в статье «Как должен выглядеть красивый HTML код», на сайте CSS Tricks). Макет страницы, основанный на CSS, делает HTML код значительно «чище», отделяя информационное наполнение страницы от разметки, чего нельзя сказать о табличных макетах.
5. Располагайте важную информацию как можно выше
Основная информация на странице должна быть расположена как можно выше в HTML коде страницы. Обычно в HTML коде страницы первым идет информация, расположенная в header-е. Важно сделать так, чтобы основная информация располагалась над информацией, идущей в боковой панели. Даже если боковая панель страницы располагается слева от основной информации (например, колонка с вертикальной навигацией(30%) и колонка с контентом сайта(70%) * прим. переводчика), необходимо сделать так, чтобы основная информация располагалась в HTML коде страницы выше, чем код боковой панели, что легко реализуемо с помощью CSS. Расположение главной информации в верхней части кода страницы, приводит к значительному увеличению скорости ее нахождения поисковиками и к уменьшению времени, затрачиваемого на ее распознавание.
6. Используйте HTML заголовки и подзаголовки соответствующим образом
HTML теги заголовков (такие как h1, h2, h3 и т.п.) должны быть использованы для определения заголовков и подзаголовков страницы. Несмотря на то, что аналогичный вид заголовка можно придать тексту, используя различные параметры и теги (font-weight, style, size и пр.), без использования тегов заголовков, они очень важны для поисковых систем, т.к. они обозначают важность информации и определяют структуру страницы. Теги заголовков помогают понять, на чем сделан акцент на странице, как поисковым системам, так и веб-дизайнерам – предоставляя возможность выделить ключевую фразу.
7. Используйте внутренние ссылки, чтобы помочь посетителям и поисковым системам в поиске важной информации
Во всей статье говорилось о перелинковке информации на сайте, как о важной составляющей SEO. Создание ссылок с различных трастовых ресурсов сети на страницы Вашего сайта (или сайта клиента) является одним из решающих критериев хорошей позиции сайта в поисковой выдаче, но внутренние ссылки (ссылки с одной страницы сайта на другую) не менее важны. В общем, поисковые системы предполагают, что страницы, на которые ссылается наибольшее число внутренних ссылок – являются наиболее важными. Например, если каждая страница сайта имеет ссылку на страницу с описанием продукта, логично будет предположить, что страница с описанием продукта довольно важна для сайта.
Использование внутренних ссылок облегчает работы поисковых систем при индексации сайта и поиске информации/страниц, кроме того, грамотно спроектированная внутренняя перелинковка сделает сайт максимально простым и доступным для пользователей, что гораздо более важно, чем позиция сайта в поисковой выдаче.
8. Используйте правильный текст для ссылок
Текст ссылки (кликабельная текстовая область любой ссылки) очень важен для выдачи поисковиков, будь то внешняя или внутренняя ссылка. В данной статье мы говорим только о внутренних ссылках, т.к. только их веб-дизайнер может явно контролировать. В идеале, текст ссылки должен совпадать с ключевыми фразами, или как минимум, содержать их в тексте.
Использование ключевых слов и фраз в тексте ссылки позволяет поисковым системам определить тему страницы, на которую ссылается ссылка. В целях оптимизации, вместо текста «щелкните здесь» рекомендуется использование текста с ключевыми словами.
9. Установка карты сайта
Существует два типа карт сайтов, каждый из которых имеет свое назначение. XML или Google карты не предназначены для использования посетителями сайта, они существуют, чтобы помогать поисковым системам находить всю важную информацию на сайте. XML карта сайта облегчает задачу поисковой системы по его индексации, а так же значительно уменьшает шанс пропуска какой-либо страницы во время этого процесса. Сайты, основанные на WordPress, могут использовать расширение «Google XML Sitemap», для автоматизации процесса. Для всех остальных сайтов можно использовать такой инструмент как «XML-Sitemaps».
Что касается HTML карт сайта, как правило, они используются посетителями сайта, чтобы найти ту или иную информацию. Однако, данный тип карт так же важен и для SEO. Не смотря на то, что HTML карты предназначены только для пользователей, они предоставляют собой возможность использовать внутренние ссылки, ссылающиеся на самые важные страницы сайта. Когда поисковые системы находят карту сайта, с её помощью они с легкостью индексируют весь сайт, а ссылки внутри карты, помогают им определить важность той или иной страницы (особенно для больших сайтов, которые не включают внутреннюю ссылку на каждую свою страницу).
10. Используйте человеко-понятные URL (ЧПУ)
URL страниц могут иметь некоторое влияние на позицию сайта в поисковой выдаче, поэтому, лучше всего использовать в них ключевые слова или фразы. Идеальный URL содержит в себе важные слова или фразы, говорящие как пользователям, так и поисковым системам о содержании страницы. Слишком длинные URL усложняют пользователям процесс их копирования и вставки, отправки по E-MAIL, записи и запоминания. Поисковые системы так же предпочитают короткие URL.
Дефис или нижнее подчеркивание очень часто используются в качестве разделителя слов в URL. Они могут значительно облегчить процесс чтения URL и определения ключевых слов, как пользователям, так и поисковым системам. Большинство систем управления сайтом имеют механизм по контролю и созданию ЧПУ.
11. Используйте Alt текст с изображениями
Изображения и фотографии, используемые на странице, должны обязательно включать alt текст, описывающий изображения. Основное назначение alt текста носит две цели: доступность и юзабилити. Например, alt текст используют различные читалки экрана для пользователей с проблемным здоровьем. С корректным alt текстом можно узнать, что представляет собой то или иное изображение, даже не видя его. В SEO целях можно использовать ключевые слова и фразы в качестве alt текста – это даст небольшое преимущество в поисковой выдаче. Alt текст не должен использоваться только для SEO целей, но не будет лишним использовать в нем ключевые слова или фразы там, где это возможно.
12. Перенаправление 301
Поисковые системы просматривают example.com и www.example.com как две различные страницы (одну с www, вторую без). Перенаправление 301 очень полезен, так как оно указывает поисковым системам, какая версия страницы предпочтительна, а так же избавляет поисковики от необходимости их просмотра как двух разных страниц. Без перенаправления 301 позиция сайта в поисковой выдаче может значительно пострадать. Данное перенаправление может быть установлено в .htaccess файле. Для подробной информации по данной теме прочтите статью «301 Redirects and www/non-www Canonical Problems».
13. Минимизация времени загрузки страницы
Время загрузки страницы очень важно для пользователей сайта. Кроме того, в последние месяцы Google стал делать акцент на то, что время загрузки будет значительно влиять на результаты поисковой выдачи. Минимизация времени загрузки страницы – это тема, раскрытие которой может занять отдельную статью (прочтите статью «Как минимизировать время загрузки для пользователей»), но мы остановимся лишь на нескольких базовых моментах. Такие объекты как: изображения, аудио и видео, запросы к базе данных – увеличивают время загрузки страницы. В общем, скорость подключения к Интернету у большинства пользователей значительно возросла за последние годы, поэтому более тяжелые страницы и медленная загрузка страниц уже не столь большая досада для большинства пользователей. Однако, по-прежнему, очень полезно оптимизировать файлы и использовать такие инструменты как «Y Slow», чтобы определить, что еще можно подвергнуть оптимизации.
Заключение
Не смотря на то, что дизайн – лишь небольшая часть SEO процесса, существует целый ряд факторов, который дизайнер может и должен учитывать, при создании сайта, открытого для поисковых систем. В ситуациях, когда заказчик имеет завышенное ожидание возможностей веб-дизайнера в SEO процессе, без разработки системы перелинковки страниц, добавления оптимизированной информации и пр., дизайнер должен вступить с ним в диалог. Дизайнер должен объяснить основные факторы, влияющие на положение сайта в поисковой выдаче и рассказать, что необходимо сделать, чтобы сайт оказался в топе по выбранным ключевым словам в конкурирующей среде.
