Какое место SEO занимает в вашем процессе веб-дизайна?

У каждого из нас есть своя роль в создании веб-сайта. Дизайнеры создают красивые и интерактивные интерфейсы. Копирайтеры создают сообщения, которые заставляют посетителей обращать внимание и действовать. Разработчики объединяют все это с помощью кода.

Но есть одна часть головоломки, которую нельзя передать одному человеку. И это SEO.

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

Google — требовательный повелитель, и мы должны умиротворить его, если хотим, чтобы наши веб-сайты достигли вершины поиска. А это значит, что нужно применять всесторонний подход к SEO на протяжении всего жизненного цикла дизайна и разработки веб-сайта.

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

Какое место SEO занимает в вашем процессе веб-дизайна?

SEO должно быть тем, о чем вы всегда думаете и что планируете, начиная с этапа поиска и заканчивая датой запуска.

SEO на этапе предложения

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

«Мне нужен веб-сайт, чтобы я мог продавать свои товары в Интернете/расширять свое присутствие/привлекать новых клиентов».

Но это не совсем то, о чем они просят. Им нужен веб-сайт, который помог бы найти их бизнес в Google и конвертировать посетителей, что требует от вас чего-то более сложного, чем просто создание копии и дизайна.

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

А что вы на самом деле говорите своим клиентам? Здесь все становится сложнее.

Вы должны каким-то образом обратиться к SEO с вашим потенциальным клиентом, 1) чтобы установить правильные ожидания и 2) оправдать то, что вы собираетесь им предложить, с точки зрения объема и стоимости. Единственная проблема в том, что некоторые клиенты могут знать термин «SEO», но на самом деле не понимают, что он означает.

Разговор мог быстро превратиться в нечто подобное:

Вы : [Вы объясняете детали своего дизайнерского предложения и упоминаете, что SEO является его частью.]

Клиент : «О, отлично. У меня есть список из 20 ключевых слов, которые я хочу включить на каждую страницу».

Вы : «Ну, поисковая оптимизация — это не совсем то. Если вы хотите, чтобы ваш веб-сайт работал хорошо, вам нужно обратить внимание на такие вещи, как кэширование, безопасность и дизайн, ориентированный на мобильные устройства».

Клиент : «О чем вы говорите? Обналичивание? Что это вообще такое? Я думал, ты сказал, что занимаешься SEO. Я хочу ранжироваться по этим 20 ключевым словам».

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

Во-первых, пусть ваш сайт сам говорит о SEO, как это делает UPQODE:

Это позволит вам четко указать виды SEO, которые вы предоставляете (что также поможет тем клиентам, которые ориентированы на SEO, найти вас в первую очередь). Можно включить сюда технические термины, если вы кратко объясните, что каждый из них представляет собой с точки зрения непрофессионала:

Что мне нравится в этом подходе, так это то, что он позволяет вам сказать: «Мы собираемся сделать X, Y и Z», представляя это в свете, действительно понятном клиенту. В этом случае вы на самом деле хотели бы сказать: «Мы берем на себя все технические вопросы, чтобы ваш сайт стал более заметным в поиске и, следовательно, вы получили больше трафика».

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

Другими словами, не слишком углубляйтесь в свои SEO-задачи. Вместо этого просто укажите преимущества. Например:

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

Цель состоит в том, чтобы привлечь их к вашим услугам веб-дизайна, оптимизированным для поиска, и, возможно, даже к последующему обслуживанию и поддержке. Для этого вы должны четко передать преимущества, не вдаваясь в технические аспекты SEO.

SEO на этапе настройки и планирования

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

Вот некоторые вещи, о которых следует помнить:

Просмотрите ресурсы дизайна клиента

Вы, вероятно, просите клиентов предоставить вам активы, логины и даже копию до того, как проект будет запущен. Хотя это в основном для защиты от расширения масштаба, это также может пригодиться для SEO.

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

Если посетителям не нравится внешний вид веб-сайта, они обязательно покинут его, и такой высокий показатель отказов убьет рейтинг сайта. Итак, убедитесь, что ваши клиенты не стоят на пути к результатам, которых вы пытаетесь им достичь.

Работа в тандеме с копирайтером

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

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

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

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

Затем возникает вопрос оптимизации копии для поиска. В идеале вы хотели бы работать с копирайтером, который может делать следующее:

• Создавайте действенные сообщения и призывы к действию,
• Естественно вплетать целевые ключевые слова в текст,
• Пишите для намерения пользователя,
• Пишите в HTML,
• Создавайте копии, которые можно читать и сканировать,
• Построить систему внутренних ссылок со страницы на страницу,
• Создавайте метатеги и оптимизируйте URL-адреса для поиска,
• Напишите alt-теги для изображений.

Чем больше из этого будет встроено в копию с самого начала, тем меньше вам придется делать с ними взад и вперед позже. Это также избавит вас от необходимости пытаться исправить это самостоятельно (чего вам не следует пытаться делать).

Дизайн воронок продаж

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

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

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

SEO во время проектирования и разработки

Это, очевидно, самый важный и трудозатратный этап для вас. И хотя легко увлечься проектированием и кодированием, важно не упускать из виду SEO.

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

Чтобы помочь вам в этом, я создал следующий контрольный список SEO. Не стесняйтесь копировать и использовать для своих нужд:

• Техническое SEO
• Веб-хостинг с временем безотказной работы 99,9%+
• Домен с чистой веб-историей
• SSL-сертификат установлен
• Брандмауэр реализован
• Кэширование включено (страница, браузер, объект и т. д.)
• Сжатие изображений и изменение размера (собственная система или автоматически)
• Автоматическое резервное копирование
• Аккаунт Google Analytics подключен
• Включено отслеживание целей Google Analytics, отслеживание электронной торговли и другое специальное отслеживание.
• Аккаунт Google Search Console подключен
• XML-карта сайта настроена и отправлена ​​​​в Google
• Отдельные карты сайта для изображений и видео.
• Создан файл robots.txt
• Написана разметка Schema.org (при необходимости)

• Дизайн SEO
• Намечена информационная архитектура
• Адаптивный веб-дизайн
• Мобильный веб-дизайн
• 1 четкий призыв к действию на страницу
• Пользовательская настройка страницы 404
• Все ссылки, кнопки и формы проверены и работают

• SEO на странице
• 1 уникальное ключевое слово на странице
• Сфокусируйтесь на плотности ключевых слов между 1-3%
• Мета-заголовок из 50–60 символов, включая ключевое слово focus.
• Мета-описание длиной 150–160 символов, включая ключевое слово focus.
• Короткий, но описательный заголовок, включающий ключевое слово focus.
• Контент без ошибок
• Минимум 1 релевантная внутренняя ссылка на страницу
• Рекомендуемое изображение для каждой страницы
• Описательный альтернативный текст для каждого изображения
• Используемые теги заголовков (ключевое слово focus включено как минимум в 1)
• Заголовки появляются каждые 300 слов или около того
• Предложения растягиваются не более чем на две строки
• Абзацы растягиваются не более чем на пять строк
• Дублированный контент-анализ
• Проверка на плагиат

• Локальное SEO
• Настроена страница Google Мой Бизнес
• Включены ключевые слова с географической привязкой
• Созданные страницы для конкретных местоположений (при необходимости)
• Предоставленная контактная информация (например, номер телефона, адрес и т. д.)

• Постоянная SEO-поддержка
• Время работы веб-сервера, анализ скорости и безопасности
• Тестирование скорости страницы
• Мониторинг безопасности
• Мониторинг черного списка Google
• Мониторинг рейтинга ключевых слов
• Проверка битых ссылок
• Обновления программного обеспечения

Несколько заметок

1. Все, что не относится к типам клиентов, которых вы обслуживаете, или видам услуг, которые вы предлагаете, удалите строку.
2. Если я что-то упускаю, добавьте это (например, если вы специализируетесь на дизайне электронной коммерции и хотите подготовить страницы продуктов для отображения в результатах Google Покупок).
3. Если вам неудобно проверять материалы SEO на странице, передайте их корректору или редактору (кому-то, кто не занимался копирайтингом).

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

Подведение итогов

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