Многие клиенты полагают, что процесс веб-разработки - это веб-сайт, ориентированный на SEO. После первоначального удивления (когда они узнают, что это не так), все начинают спрашивать, как это возможно, что разработчики не выполняют эту часть работы?
Позволите ли вы своему парикмахеру ухаживать за вашим садом? Несмотря на то, что задачи кажутся похожими или даже взаимосвязанными, но работа специалиста по SEO и фронтенд-разработчика довольно сильно различается. Конечно, они оба кодируют ваш веб-сайт или вносят небольшие коррективы в код, но то, что делает SEO специалист, никоим образом не похоже на деятельность разработчика, и наоборот.
Чем же на самом деле занимается оптимизатор поисковых систем?
Для того, чтобы веб-сайт получил высокий рейтинг, необходимо соблюдать ряд правил. Базовые принципы SEO не сделают специалиста по SEO из веб-разработчика, а предназначены только для ознакомления новичков с некоторыми фундаментальными спецификациями веб-сайта, оптимизированного для SEO.
Если вы работаете в агентстве веб-дизайна, вы, вероятно, получите файлы дизайна от веб-дизайнера с четко определенной структурой. В этом случае работать над этим не нужно. Однако, если вы являетесь разработчиком-фрилансером, веб-дизайнер эту часть часто пропускает, поэтому вы, вероятно, должны будете определить все сами. Прежде всего, имейте в виду, что веб-сайты создаются для пользователей, а не для роботов. Это означает, что при создании веб-сайта для вашего клиента вам необходимо создать логическую структуру, которая включает главное меню, его категории и подкатегории.
Ваша домашняя страница, вероятно, будет иметь самый высокий авторитет среди всех страниц на веб-сайте, и она должна содержать небольшие части или резюме всех наиболее важных элементов. Рекомендуемые продукты или услуги, обзоры и отзывы, а также фрагменты блогов - это лишь некоторые из элементов, которые должен содержать ваш веб-сайт.
Когда дело доходит до отдельных страниц, вы также должны убедиться, что каждая структура страницы следует определенной логике. Поместите наиболее важные элементы страницы вперед, а затем иерархически менее важную информацию. Также убедитесь, что H-теги (заголовки) идут от наиболее важных (H1) к наименее важным (h2, h3, h4). Помните, что на каждой странице не может быть более одного тега H1 (это считается ошибкой), и постарайтесь сделать его заголовком страницы (meta title). с небольшим дополнением в виде города, если нужна рациональность запроса. H2 обычно являются подзаголовками, тогда как продукты могут иметь теги H3.
И, наконец, вы должны включить важную информацию в нижний колонтитул. Там следует разместить название компании, адрес, предпочтительно карту Google с местоположением, контактные данные, а также ссылки на социальные сети, условия использования и ссылки на политику конфиденциальности.
Дополнительный совет: приглашайте роботов на свой сайт. Даже если вы создаете веб-сайт для пользователей, сканеры Google также должны иметь доступ к вашему веб-сайту и его индексирование. Желательно заблокировать доступ к домену до того, как он будет запущен, если ваши разработки еще продолжаются. Однако, когда сайт активен, директива disallow в файле robots.txt должна быть включена (без косой черты). Если он включен, вы будете приглашать пауков и пользовательских агентов для сканирования вашего сайта, и вскоре он найдет свои позиции в поисковой выдаче. Другой вариант - добавить <meta name = ”robots” content = ”noindex, nofollow” в <head> каждой веб-страницы.
Это может стать неожиданностью, но иногда ваш HTML может быть с ошибками. И это совершенно нормально, потому что каждый может ошибаться. Однако, когда сайт запускается, но в нем все еще есть ошибки в коде, это может отрицательно повлиять на рейтинг. Фактически, валидный код является одним из факторов ранжирования Google, поэтому это стоит исправить. Если вы хотите узнать больше об этой теме, перейдите на страницу с основными сведениями о валидации на w3.org.
Существует множество онлайн-валидаторов кода, но мы настоятельно рекомендуем валидатор кода W3. Этот инструмент оказался очень полезным для всех разработчиков, начиная от юниоров и заканчивая опытными старшими разработчиками и разработчиками полного цикла.
Третий пункт в нашем списке - это рекомендации по созданию красивых URL-адресов. Разработчики часто забывают, что когда вы создали логическую структуру, вам нужно дать папкам (категориям) и подпапкам (подкатегориям) общие имена, чтобы они представляли то, что должны. Не рекомендуется создавать общие URL-адреса (например, domain.com/=item03568), а лучше сосредоточиться на терминах и ключевых словах, которые описывают страницы (например, domain.com/category/ подкатегория / товар).
С другой стороны, если вы разрабатываете многоязычный веб-сайт, важно обратить внимание, что ссылки также переводятся на разные языки. Это означает, что если у вас есть интернет-магазин на испанском и английском языках, URL-адреса продуктов вашего веб-сайта должны выглядеть следующим образом: для английского веб-сайта: domain.com/shoes/women-shoes/cat-heel.html и для испанского: domain.com. / zapatos / mujer / zapatos-altos.
Когда дело доходит до других SEO-элементов на странице, вы, вероятно, слышали о метатегах. По сути, вы не должны создавать метатеги и описания - эта часть предназначена для работы с командой по контенту и маркетингу - однако, если вы добавите их, это значительно повысит посещаемость сайта.
Прежде всего, страница должна иметь четко сформулированный заголовок, с помощью которого вы информируете пользователей и Google, о каком содержании страницы будет.
Во-вторых, метаописания должны содержать несколько предложений, которые должны заинтересовать читателя, нажав на эту самую страницу. В течение многих лет метаописания должны были быть длиной до 156 символов, но теперь вы можете писать еще более длинные описания до 320 символов.
И в-третьих, alt атрибут для изображений - каждое изображение на веб-странице должно содержать альтернативный текст, который описывает изображение и помогает ему лучше ранжироваться в поисковой выдаче.
Например, статья " LCP (отрисовка самого крупного контента) и SEO", а ее мета-описание можно увидеть в Google:
Структурированные данные - еще один важный момент, на который мы должны обратить внимание. Хотя от вас не ожидается, что вы будете знать все разметки Schema.org, мы настоятельно рекомендуем вам узнать об этом, потому что вы сможете помочь своему клиенту со всеми полезными микроданными, которые вы разместите на веб-сайте.
Дополнительный совет: если вы все еще новичок в этом и все еще не чувствуете себя достаточно уверенно, чтобы правильно реализовать схемы, было бы лучше воздержаться от этого. Вы можете не только повредить код веб-сайта, но и вызвать штраф Google. В таких случаях было бы лучше нанять эксперта или консультанта по SEO, который поможет вам, пока вы не почувствуете себя полностью готовым вникнуть в правила разметки Schema.org.
В эпоху Google и проекта Accelerated Mobile Pages (также известного как AMP) каждый веб-сайт должен иметь в виду мобильных пользователей, приходящих с разных устройств - планшетов, фаблетов, смартфонов, умных часов или любых других устройств, которые появятся в будущем. Итак, если вы хотите занимать высокое место в поисковой выдаче, убедитесь, что сайт настроен для мобильных телефонов и что все содержимое страницы отображается правильно, предлагая универсальный удобный пользовательский интерфейс (UX).
Скорость - очень важная предпосылка для хорошего рейтинга. Сегодня страницы должны быть чрезвычайно легкими и достаточно быстрыми, чтобы открываться должным образом даже в Гватемале, Вьетнаме, Уганде или какой-либо другой стране с медленным Интернетом. Эта часть сильно зависит от разработки, поэтому вам необходимо убедиться, что страницы, которые вы кодируете, работают в соответствии с рекомендациями Google. Вы можете легко проверить скорость своей страницы в PageSpeed Insights от Google. Результаты покажут вам производительность мобильных и настольных компьютеров, а также несколько советов по устранению проблем, если таковые имеются.
И последнее, но не менее важное, что вы можете сделать, чтобы помочь своему клиенту оптимизировать свой веб-сайт, - это аналитика. Каждый веб-сайт, стремящийся к ранжированию в Google, должен внедрить Google Analytics с самого первого дня его запуска. Просто скачайте асинхронный код отслеживания и добавьте его в код своего веб-сайта, как описано в нашем руководстве для начинающих по Google Analytics. Имейте в виду, что платформа в настоящее время модернизируется, поэтому, возможно, при следующем входе в систему она будет отображаться по-другому. С помощью этого полезного инструмента ваш клиент сможет отслеживать посещения и увеличивать посещаемость веб-сайта с помощью AdWords.
Подводя итоги, это только основные вещи, с которыми вы должны быть знакомы. Никто не будет ожидать, что вы выучите все наизусть. Если вы заинтересованы в открытии совершенно новой области работы, вы можете расширить свои знания, стать более конкурентоспособными и предложить больше на рынке разработки сайтов.
