Повернутись в блог
19 Feb 2018 admin

Некоторые моменты по коду сайта для SEO

Читати

Сразу скажу, что будет очень много банальностей, но даже я со своим багажом знаний и постоянной суетой не всегда приделяю этому должное внимание. НО! В данном проекте решил уделить. При этом всем изначально цель была не трафик дополнительный, а улучшение юзабилити, скорости работы сайта и оптимизация работы железа. До сих пор не все идеально, но стало значительно лучше.

Пост с историей на момент написания материала набрал 49 шейров и более 100 лайков. Думаю, что со временем количество вырастет, но это уже такое 🙂

оптимизация html-кода

Прежде чем писать то, что делалось, внесу некоторую ясность для хейтеров («это и так понятно, это все фотошоп» и т.д.). Просто не читайте дальше, вы и так все знаете, у вас обязательно все будет хорошо или уже хорошо. Тут НЕТ волшебной таблетки, а только лишь сухие факты, которые лично сам буду применять в будущем.

Для тех, кто остался читать дальше – тоже спасибо 🙂 И сразу по делу о проекте и вообще ситуации в SEO:

  • На сайте довольно много контента – это 20к+ уникальных статей, но трафа они не приносили особо много. Около 5к+- дейли. Иногда больше, иногда меньше. Контент крайне редко в последний год обновлялся.
  • Сайт немолод, с ним ранее велась работа, есть натуральные ссылки и даже сейчас на него они появляются, НО активного продвижения НЕ ведется давно.
  • Короче, проект плыл себе…
  • Основная проблема проекта, что ресурсы он ел, страницы долго грузились. Решили банально это полечить, а эффект вышел весьма приятный по трафику.
  • Реакция спустя где-то 2 недели, и трафик продолжает дальше расти!!!
  • Влияние факторов кода на продвижение сайтов явно недооценено даже мной! Многие ставят, в том числе и я до этого момента на текстовые факторы, ссылочные, поведенческие, социальные и коммерческие. Но тут явно все делом в другом! А это означает, что технический аудит для SEO важен, а внедрение правок в файлы и кода сайта надо проводить в любом случае!
  • Еще раз: я не говорю, что это основной фактор вообще. И что он поможет всем, просто в текущем кейсе он реально сработал. Ссылки рулят, контент рулит, социальные и поведенческие факторы тоже рулят. Но факт исправления кода, который помог поднят траф, очевиден.
  • Выросла скорость работы сайта, время проведения на сайте в связи с этим, количество просматриваемых страниц, а также уменьшилась нагрузка на железо. Стало меньше тратится трафика при работе сайта.

А теперь по делу на что обратить надо внимание и что было сделано:

  • Все вы знакомы с панелью разработчика, которая открывается в браузере и показывает банальные вещи: последовательность загрузки элементов, количество информации и затраченное время. Было принято решение максимально сократить все эти моменты.

     

  • Мы удалили непонятные и ненужные библиотеки, подгружаемые с других сайтов.
  • Убили лишний CSS и JS – иногда файлы CSS были по 1500 строчек. Шах и мат! Посмотрел на других сайтах и нашел, где данные CSS весят 600+ килобайт! А хочется красоту оставить, меньше заморачиваться, и чтобы трафик шел. Ну почти цугцванг. Но, вероятно, предстоит большая работа с этим))))

  • На сайте было довольно много старых счетчиков. Ниже приведено, как это приблизительно выглядело (картинку нашел в сети, у нас стояло по факту 6 счетчиков). И хотя все счетчики были в nofollow и noindex, мы все равно их снесли. Толку от них никакого. Даже если ты в топе рейтинга Рамблера или Лайвинтернета, то можешь рассчитывать на 100-200 переходов нецелевых, а теряешь намного больше! Это связано с тем, что люли грузят это все! Поэтому коды было решено снести.

счетчики

  • Из всяческой аналитики оставили 5 кодов: яндекс.метрику, гугл.аналитикс, пикесель ВК, пиксель ФБ, 1-пиксельный счетчик мейл.ру. Именно они позволяют потом (если что) нормально откручиваться по ремаркетингу. Коды засунули в самый низ кода страницы, чтобы они грузились в последний момент.

код

  • По вебвизору посмотрели, какие элементы вообще не нажимаются. Одним из таких элементов на сайте оказался “блок управления” (приблизительно как на картинке). Принято решение убрать вообще, закомментировать его: авторизацию, регистрацию, выбор языка (был предусмотрен когда-то рост проекта, а по факту статьи были только на русском), поиск и другое.

блок управления

  • Так вышло, что когда проект рос, то росло и количество пунктов в меню. Некоторые из них дублировались, а некоторые уже были неактуальны. Особенно, где парсился или передавался по API контент для ретрансляции (это были выводы данных о погоде, например, или ТВ-программа). Данные ссылки из меню были убраны, а разделы просто снесены с сайта, а также закрыты в robots.txt, чтобы не мешало. Контент на этих страницах был уникальный и хорошо индексировался, но поскольку не выходило нормально предоставлять данные, то разделы решили убрать и сосредоточить внимание на другом.
  • Были снесены все коды тизерных сетей напрочь – остались только коды Google.Adwords и Yandex.Direct

реклама

  • Работа по рекомендациям Page Speed – почему-то многие специалисты SEO о ней забывают, спихивают просто на разработчиков, но мне кажется, что специалисты по SEO должны хоть немного понимать в HTML, CSS, JS и прочем.
  • Улучшено из красных зон везде до желтых. С первой итерации до зеленой зоны дострелить не удалось у данного проекта. Но желтая зона – это уже прогресс! Далее по данному проекты будут предприняты попытки затащить в зеленую зону. Посмотрим, какой это даст эффект 🙂

page speed

Выводы: ничего гениального, но очередное убедительное доказательство того, что не ссылками и текстами едиными надо двигать! Самое сложное, что кодеры, которые делают и внедряют, очень не любят такое делать и здесь мне вспоминается картинка, которая недавно попалась. Всем хорошего дня и много трафика!

frontend/backend

 

Поділитись: