Пользу от проведения SEO-анализа ранних макетов или визуального дизайна сложно оценить количественно, но она вполне реальна. Вот краткое руководство по созданию SEO-аннотаций, которые сделают ваши сайты лучше и одновременно расскажут вашим коллегам о лучших практиках.
В компаниях, которые разбираются в маркетинге, можно пригласить экспертов по SEO для проверки визуального дизайна или каркасов во время создания или редизайна сайта. Это дает возможность рассматривать SEO целостно и в простой для понимания форме. Вот краткое руководство по созданию SEO-аннотаций, которое улучшит ваши сайты и одновременно обучит ваших коллег передовым практикам SEO.
Что такое SEO-аннотации и зачем они нужны?
SEO-аннотации могут принимать несколько форм, но наиболее распространенной является просто добавление комментариев в файл изображения, предоставленный командой разработчиков (UX) или командой дизайнеров. Конечно, лучше всего внести вклад в SEO в процесс создания сайта еще до того, как перейти к этапу визуального дизайна, но, тем не менее, просмотр и добавление комментариев к визуальному дизайну помогает гарантировать, что SEO будет включен в процесс создания сайта, прежде чем отправлять проекты разработчикам.
Аннотации не могут заменять формальные документы с требованиями SEO. Скорее, их можно считать взаимодополняющими; простой и быстрый способ обеспечить, чтобы SEO было включено в процесс проектирования и создания таким образом, чтобы он развивался вместе с самим дизайном сайта.
SEO-аннотации в действии
В этом примере я буду использовать сайт ASME.org. Не все, что должно было быть сделано с точки зрения SEO, было сделано здесь, поэтому действующий сайт - это не самое главное в SEO, но он служит примером процесса.
Пример аннотаций шаблона страницы статьи
Аннотации можно красиво оформить и представить, но их также можно быстро сделать в качестве наглядного пособия для рассмотрения дизайнером и разработчиком, а также в качестве руководства для лица, ответственного за создание бизнес-требований или спецификаций. В следующем примере показан примерный визуальный дизайн аннотации для типичной страницы статьи:
Страницы статей обычно требуют надежного внутреннего SEO, хороших метаданных для всех собственных форматов и надежных перекрестных ссылок якорного текста. В аннотациях эти элементы могут быть понятны неспециалистам в области SEO.
Работа с дизайнерами
Для сложных сайтов оптимизаторы могут использовать аннотации на ранних этапах визуального дизайна, чтобы выявить потенциальные проблемные места до того, как сайт перейдет на этап сборки.
Например, многие сайты используют JavaScript, чтобы показывать расположение определенных магазинов непосредственно пользователю без полного обновления URL-адреса. Отсутствие стабильных уникальных URL-адресов для страниц местоположения может нанести ущерб локальному и основному веб-оптимизации SEO и затруднить платный поиск, поскольку исключаются хорошие целевые страницы, которые можно геооптимизировать и обеспечить поддержку входящих ссылок.
Вызов этого на ранней стадии с помощью аннотаций позволяет заранее выявить проблему «отсутствия URL-адреса» и позволяет обсудить варианты с дизайнером и разработчиком.
Часто UX не нужно подвергать риску с помощью умных технических тактик SEO, таких как использование Push State, создание резервных URL-адресов, которые отображаются без JavaScript, или возможность принудительного взаимодействия с пользователем с помощью переменных URL-адресов.
Работа с разработчиками
Разработчики могут извлечь выгоду из аннотаций, имея визуальную ссылку, соответствующую письменным требованиям SEO. Часто, когда разработчики видят рассматриваемую проблему, они могут предложить решения, которые оказывают минимальное влияние на желаемый UX. Иногда они не могут этого сделать, и тогда может состояться информированное обсуждение, в ходе которого можно будет найти компромисс между UX и SEO.
Как только разработчики увидят одинаковые комментарии в разных аннотациях шаблонов, они начнут понимать, чего именно пытается достичь SEO. Часто это приводит к привлечению разработчика к делу SEO, и они включают SEO в код шаблона, когда видят, что аналогичные возможности возникают без подсказок. В лучшем случае.
Вывод
Выгоды от того, что профессиональный SEO-специалист просматривает макеты или визуальный дизайн на ранней стадии, трудно оценить количественно, но они вполне реальны. Самое главное, этот шаг гарантирует лучший результат в будущем, избегая технических проблем, проблем с контентом и UX-оптимизатором SEO до того, как они высечены в камне. Аннотации также дают возможность обсудить SEO в простых терминах, которые дизайнеры и разработчики, скорее всего, поймут и будут использовать.
Редкий разработчик или дизайнер, который, получив хорошо продуманные SEO-аннотации, не откажется от своего опыта, одновременно более заинтересованного в SEO и желающего более тесно сотрудничать с экспертами по SEO в будущем.
Аннотации подходят дизайнерам и разработчикам там, где они живут - в самом пользовательском опыте - и позволяют перекрестно обсуждать технические, дизайнерские и контентные вопросы, связанные с SEO, в одном документе.
Итак, в следующий раз, когда сайт, над которым работает ваша команда, дойдет до стадии проектирования пользовательского интерфейса, возьмите несколько черновых файлов изображений и начните комментировать. Вы будете рады, что сделали это.