Почему я копаю чистый HTML: и почему я думаю, что это приносит пользу SEO

1. Структура HTML
2. Семантическая разметка
3. Это не значит, не следуйте правилам!
4. Высокое отношение сигнал / шум
5. Пример токена плохого кода
6. Так что в основном ...

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

Изображение предоставлено 4tegroup.com

До Attacat у меня практически не было опыта работы с техническим SEO или программированием в этом отношении, и я мог просто управлять выбором правой кнопки мыши, чтобы увидеть исходный код веб-сайта, кроме того, я бы не знал, что делать или что я искал. в. Мой опыт связан с этим всемогущим модным словом «содержание»; слово, которое ежедневно произносит наш управляющий директор Тим (серьезно, он ненавидит это, не спрашивайте). Спустя почти год после и после различных Технических аудитов SEO, исследований сайта и его запуска, я наконец-то понял (вроде), что такое mumbo jumbo - исходный код сайта.

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

Структура HTML

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

Знаете ли вы, что разные системы управления контентом (CMS) будут вставлять различные фрагменты кода в ваш сценарий так, как они считают нужным? На самом деле они очень часто добавляют ненужный код, который не служит какой-либо цели, но на самом деле ваш исходный код выглядит очень «грязно». Это всегда стоит учитывать, если вы используете что-то вроде WordPress или Blogspot, чтобы просмотреть HTML-код перед публикацией, чтобы убедиться, что он красивый и аккуратный; не паникуйте, WordPress имеет множество плагинов, которые могут помочь вам очистить и оптимизировать ваш HTML, так что помощь всегда под рукой.

Семантическая разметка

Скорее всего, вы слышали о тегах H1 и H2 и о том, почему они важны для SEO (см. Мой предыдущий пост на Как оптимизировать свой блог для более подробной информации), но на самом деле это не намного глубже, несмотря на распространенное мнение. Семантическая разметка в HTML означает использование тегов, таких как <strong> и <em>, для выделения важного текста, вы получите тот же эффект, используя теги стиля, такие как <b> и <i> (жирный и курсив). Сам Мэтт Каттс на самом деле объяснил, что есть нет реальной причины беспокоиться о таких вещах; им не хватает влияния, о котором нужно беспокоиться.

В основном, за пределами H1 и H2, не стоит уделять слишком много внимания семантической разметке или разметке стилей текста для SEO, так как на самом деле вы не переместитесь с шестой страницы на первую в SERPS!

Это не значит, не следуйте правилам!

Все стандартные правила оптимизации страницы применяются и будут применяться всегда:

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

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

Высокое отношение сигнал / шум

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

Одна вещь, которую мы знаем о iframes и flash, это то, что он добавляет чертовски много кода (и грязного кода)! По возможности используйте JavaScript и каскадные таблицы стилей (CSS), чтобы получить желаемый эффект без создания строк в строках кода.

Пример токена плохого кода

Изображение предоставлено claudiabrownlie.com

Итак, кто может видеть, что здесь не так? Чуть выше я предложил использовать CSS для стилизации, и хранение его в отдельном файле устранит большинство «стилей» в приведенном выше коде, что позволит Spider быстрее получить доступ к сочному контенту. Есть еще что-то неправильное, но я оставлю вас задуматься об остальном и, возможно, подскажу в комментариях, если вы поймете все остальное.

Так что в основном ...

Чем больше неряшливого кода у вас на сайте, тем больше вы заставляете поисковиков искать полезный контент - контент, который вы действительно хотите, чтобы они нашли. На самом деле, если слишком много непонятного кода, паук поисковой системы надоест и покинет страницу, не завершив сканирование, это определенно стоит иметь в виду, когда у вас есть 3 или 4 фрейма на странице.

А теперь улети мои прелести и приведи в порядок этот код, никто не хочет, чтобы код раздувался!

Похожие

Комментарии