Основное SEO для веб-разработчиков

1. 1. Структура
2. 2. Действительный код
3. 3. Чистые URL
4. 4. Метатеги
5. 5. Схема разметки
6. 6. Стань мобильным
7. 7. Скорость страницы
8. 8. Аналитика
9. Как это читать? Узнайте больше о SEO и разработке:

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

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

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

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

1. Структура

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

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

Когда дело доходит до отдельных страниц, вы также должны убедиться, что каждая структура страницы соответствует определенной логике. Поместите самые важные элементы страницы заранее, а затем иерархически менее важную информацию. Также убедитесь, что H-теги (заголовки) переходят от самых важных (H1) к наименее важным (h2, h3, h4). Помните, что каждая страница не может иметь более одного тега H1, и постарайтесь сделать ее заголовком главной страницы. H2 обычно являются подзаголовками, тогда как продукты могут иметь метки H3.

И, наконец, вы должны включить важную информацию в нижний колонтитул. Это включает название компании, адрес, предпочтительно карту Google местоположения, контактные данные, а также ссылки на социальные сети, условия использования и ссылки на политику конфиденциальности.

Дополнительный совет : пригласите роботов на свой сайт. Даже если вы создаете веб-сайт для пользователей, сканеры Google также должны иметь возможность доступа и индексирования вашего веб-сайта. Желательно заблокировать доступ к домену, прежде чем он будет запущен, если ваши разработки еще продолжаются. Однако, когда сайт работает, директива disallow в файле robots.txt должна быть включена (без косой черты). Если он включен, вы будете приглашать пауков и пользовательских агентов для сканирования вашего сайта, и он вскоре найдет свои позиции в поисковой выдаче. Другой вариант - добавить <meta name = ”robots” content = ”noindex, nofollow” в <head> каждой веб-страницы.

2. Действительный код

Это может быть неожиданностью, но иногда ваш HTML может оказаться недействительным. И это совершенно нормально, потому что каждый может ошибаться. Однако когда сайт запускается и в коде по-прежнему есть ошибки, это может негативно повлиять на рейтинг. Фактически, действительный код является одним из факторов ранжирования Google, поэтому вам лучше с этим что-то сделать. Если вы хотите узнать больше об этой теме, перейдите на страницу основы проверки на w3.org ,

Существует много онлайн-валидаторов кода, но мы настоятельно рекомендуем Валидатор кода W3 , Этот инструмент оказался очень полезным для всех разработчиков, начиная с юниоров и заканчивая посредниками, и вплоть до опытных старшеклассников и разработчиков с полным стеком, и наши оптимизаторы любят его!

3. Чистые URL

Третий пункт в нашем списке - это рекомендация создавать красивые URL . Разработчики часто забывают, что, когда вы создали логическую структуру, вам необходимо дать общее имя именам папок (категорий) и подпапок (подкатегорий), чтобы они представляли то, что должны. В этом смысле мы не рекомендуем создавать общие URL-адреса (например, domain.com/=item03568), а скорее сосредоточиться на терминах и ключевых словах, которые описывают точку страницы (например, domain.com/category/subcategory/product). ,

С другой стороны, если вы разрабатываете многоязычный веб-сайт, важно обратить внимание, что ссылки также переводятся на разные языки. Это означает, что если у вас есть интернет-магазин на испанском и английском языках, URL-адреса продуктов вашего веб-сайта должны выглядеть следующим образом: для веб-сайта на английском языке: domain.com/shoes/women-shoes/cat-heel.html и на испанском языке: domain.com / Zapatos / Mujer / Zapatos-альты.

4. Метатеги

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

Прежде всего, страница должна иметь четко обозначенный заголовок, с помощью которого вы информируете пользователей и Google о содержании страницы.

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

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

Например, эта статья называется Basic SEO для разработчиков, а ее мета-описание можно увидеть в Google:

5. Схема разметки

Структурированные данные - еще один важный момент, который мы должны подчеркнуть. Даже если вы не ожидаете, что вы знаете все Schema.org Наценки, мы настоятельно рекомендуем вам узнать об этом, потому что вы сможете помочь своему клиенту со всеми полезными микроданными, которые вы используете на их веб-сайте.

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

6. Стань мобильным

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

7. Скорость страницы

Скорость является очень важной предпосылкой для хорошего рейтинга. Страницы сегодня должны быть чрезвычайно легкими и достаточно быстрыми, чтобы их можно было правильно открывать даже в Гватемале, Вьетнаме, Уганде или какой-либо другой стране с медленным интернетом. Эта часть сильно зависит от части разработки, поэтому вам нужно убедиться, что кодируемые вами страницы работают в соответствии с рекомендациями Google. Вы можете легко проверить скорость своей страницы в Google PageSpeed ​​Insights , Результаты покажут вам производительность мобильных и настольных компьютеров, а также несколько советов о том, как решить проблемы, если таковые имеются.

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

8. Аналитика

И последнее, но не менее важное, что вы можете сделать, чтобы помочь вашему клиенту оптимизировать свой сайт, это аналитика. Каждый веб-сайт, нацеленный на рейтинг в Google, должен реализовать Гугл Аналитика с самого первого дня он выходит в эфир. Просто скачайте асинхронный код отслеживания и добавьте его в код своего сайта, как описано в нашем Руководство для начинающих по Google Analytics , Напоминаем, что платформа в настоящее время перерабатывается, поэтому, возможно, при следующем входе в систему она будет отображаться по-другому. С помощью этого полезного инструмента ваш клиент сможет отслеживать посещения и генерировать больше трафика с веб-сайта AdWords.

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

Как это читать? Узнайте больше о SEO и разработке:

Весна Савич

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

Последние сообщения от Весна Савич ( увидеть все )

Похожие

Комментарии