Правильная оптимизация шаблона сайта: заголовки, юзабилити…

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

SEO оптимизация сайта — быстро и результативно

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

Оптимизация для раскрутки в поисковых системах и улучшения конверсии

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

Зачем нужна оптимизация?

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

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

В рамках оптимизации ресурса мы:

  • Вносим технические правки, необходимые для наискорейшей индексации;
  • Исправляем ошибки в работе сайта;
  • Оптимизируем страницы и контент сайта под продвигаемые ключи.

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

Почему SEOaccelerator?

Мы гарантируем не только отличный, но и оперативный результат продвижения. Средний срок вывода сайта в топ поисковых систем — от 7+ недель. В нашем портфолио есть кейсы, где таких успехов удавалось достичь намного быстрее — всего за 10 дней. Примерные сроки по вашему проекту мы сможем определить после оценки вашего сайта, которую мы в обязательном порядке проводим еще до заключения договора.

Мы не боимся конкуренции — сервис SEOaccelerator может легко вывести в топ ключи любой частотности.

Перед началом продвижения в топ вместе с SEOaccelerator убедитесь, что ваш ресурс оптимизирован под интересующие вас запросы. Если нет, то наши специалисты помогут вам с поисковой оптимизацией сайта и потом предложат продвижение. Для подробного обсуждения всех нюансов совместной работы — оставьте заявку прямо сейчас!

Показать текстСпрятать текст

Коротко о главном

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

  • доступность сайта для индексации и мобильных устройств;
  • структура сайта;
  • карта сайта;
  • структурированные данные;
  • страница 404 ошибки.

Расскажите, о каких аспектах технического SEO вы заботитесь в первую очередь?

Поисковая оптимизация шаблона

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

Главная страница сайта: Title – название/тематика сайта <h1> — ключевые слова из названия сайта/семантического ядра. (Читайте, что такое семантическое ядро, и его правильное составление) <h2> — заголовки постов <h3> — заголовки разделов сайдбара/футера. <strong> — ключевые слова из названия/тематики блога (лучше добавить в футер)

Внутренние страницы сайта: Title – заголовок поста <h1> — заголовок поста <h2> — заголовок внутри поста <h3…h6> — заголовки внутри поста

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

Читайте также:  Как зарегистрировать айклауд: пошаговая инструкция для новичков

Если Вы никогда не оптимизировали шаблон на своем сайте, тогда это надо сделать, чтобы не терять трафик. В своем шаблоне, я временно удалил заголовок h1 с главной страницы. Все заголовки постов на главной странице не должны быть h1, как это было у меня в этом шаблоне. Если это не так – надо исправить. Заголовки сайдбара можно изменить на h3. У меня были h2.

Особое внимание хочу обратить на внутренние страницы сайта. Теперь опишу, почему так важна структура заголовков постов. Не так давно, я сделал шаблон для своего сайта с помощью программы «Artisteer», и когда установил его на блог, то посещаемость блога заметно снизилась.

Вместо 450 уникальных посетителей, стало заходить всего 300. Я проверил структуру заголовков постов, но ни одного заголовка h1 в статьях не было. Все статьи имели заголовок h2. После того, как я исправил эту ошибку, посещаемость возросла приблизительно на 100 человек. Потом я этот шаблон вообще удалил из-за множества других ошибок, с которыми возиться не было желания.

Заголовок h1 в статье должен быть только один. Также не желательно в пост добавлять два заголовка h2. Заголовки должны идти по убыванию: h1, h2… h6.

Кроссбраузерность

Кроссбраузерность — это настройка шаблона под все браузеры. Сайт во всех браузерах должен отображаться правильно. В некоторых браузерах дизайн сайта может быть искажен. Чтобы проверить, как отображается сайт в других браузерах, можно воспользоваться сервисом «browsershots».

На главной странице поставьте галочки, в каких браузерах хотите видеть, как отображается сайт, потом впишите в поле сверху «Enter URL Here:» адрес своего сайта. Нажмите «Submit». Через несколько секунд появится надпись на английском языке:

 There were already 121 screenshot requests for this website today. Please create a user account for more screenshot quota.

Что означает: для Вашего сайта было сделано 121 снимков…

А еще ниже, Вы увидите синюю надпись:

Click here for results from previous screenshot requests:

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

Как правильно оптимизировать шаблон сайта или блога

Не во всех браузерах мой блог отображается правильно, например, в браузере Dillo, или Lynx его почти не видно. Вы знали, что такие браузера существуют? Я первый раз такие названия  слышу. Поэтому я не особо волнуюсь, как отображается мой блог в этих браузерах.

Оптимизация под мобильные устройства

Многие люди посещают сайты не только через компьютер, но и через мобильные устройства. Я тоже иногда захожу на сайты через мобильный телефон. Мобильную версию сайта можно сделать быстро, с помощью плагина Wptouch, о котором я писал в уроке 102. Мой блог через мобильный телефон выглядит так:

Использование заголовка Н1

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

Заголовок H1 в коде сайта

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

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

Начнем с первого сервиса.

Сервис выдает результаты по 100-бальной системе и плюс еще условно делит на световые сектора.

посредством Гугл.

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

Я буду ускорять свой сайт   который я использую для своего видеокурса –Сайт на WordPress

Сейчас у него довольно скромные-красные результаты всего

55 бал для мобильных и 62 для компьютеров. В целом со старым шаблоном они были еще хуже, тут хоть какие то балы дает неплохая тема от мастера Гудвина.

Читайте также:  Как раскрутить группу в ВК: некоторые секреты

Я не буду стремится к сотне балов, достаточно вый ти на зеленый цвет.

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

Хотя на вкус и цвет –каждому свое!!!

Сжатие и оптимизация изображений на быстром сайте

Самый простой вариант сжать все изображения на своем сайте — подключить сервис .

Почему это так?

  1. Подключается к сайту буквально за 2 минуты.
  2. Полный автопилот — OptiPic найдет и оптимизирует все изображения на сайте в автоматическом режиме.
  3. Сервис периодически будет мониторить добавление на сайт новых изображений. Они автоматом будут добавляться в очередь на сжатие.
  4. Это безопасно — перед сжатием изображений автоматически создаются копии каждого .
  5. Есть возможность автоматически уменьшить ширины или высоту изображений (resize).
  6. Поддержка любых php-сайтов (любые CMS, фреймворки или даже самописные движки).

Плюс у OptiPic есть партнерская программа, по которой можно получать до 40% от привлеченных клиентов.

А вообще, можно сделать две вещи — оптимизировать размер каждого отдельного изображения через Page Speed, а так же объединить некоторые фоновые картинки из файла стилевого оформления в так называемые CSS спрайты.

Мне очень нравится онлайн сервис PunyPNG, который просто великолепно сжимает графику формата PNG (я уже писал тут, когда лучше использовать формат PNG, когда JPG, а когда и GIF):

Очень неплох был и Яховский :

Но для работы с графикой шаблона проще будет воспользоваться возможностями самого Page Speed (ну, или на худой конец FastStone Image Viewer, описанного здесь), тем более, что он сжимает графику очень эффективно и без потери качества (иногда даже в пару раз уменьшает размер и, соответственно, и убыстряет сайт).

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

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

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

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

Да, в принципе, точно так же, как и чуть ранее сжимали CSS средствами Page Speed. Только проделать все тоже самое нужно будет для другой строчки под названием «Optimize images». Щелкаете по плюсику рядом с этой строкой и просматриваете список тех картинок на открытой в браузере странице, которые по мнению этого плагина можно оптимизировать:

Далее вам нужно будет щелкнуть по»Save as» и скачать уже сжатое изображение на свой компьютер. В первую очередь стоит оптимизировать те, которые входят в состав вашего шаблона, и, следовательно, подгружаются на каждой странице.

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

Коммерческие факторы

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

Для продвижения сайта в коммерческой тематике при проведении внутренней оптимизации следует обратить внимание на следующие коммерческие факторы:

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

Кеширование

Не совсем так, как браузер хранит данные, но достаточно близко. Предоставлено Pexels.

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

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

Чтобы повысить производительность, я добавил следующий код в ответ моего сервера (сервер Express/):

(«Cache-Control», «max-age = 604800000»); res.status(200).json(response);

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

Выводы

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

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

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

  • работа с кодом, а именно с HTML-тегами, которые учитывают при ранжировании;
  • подготовка контента: статей, изображений, видео;
  • настройка ресурса на индексацию (файл , sitemap, навигация);
  • подключение счетчиков для считывания поведенческих факторов;
  • улучшение скорости загрузки и многое другое.

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

Запланируйте новые заголовки страниц.

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

Вы можете сделать это в столбце K шаблона и ещё раз проверить длину каждого заголовка в столбце L.

На рис.

K

L

Новый заголовок страницы

Длина заголовка

Максимум 70 символов, разделяйте ключевые фразы вертикальной чертой (ключевое слово | ключевое слово)

70 симв. макс.

Программное обеспечение для количественной оценки | Платформа для количественной оценки всё-в-одном

Познакомьтесь с командой |  Эксперты по количественной оценке к вашим услугам

Свяжитесь с нами | Узнайте больше о нашей платформе количественной оценки

Обычно люди следуют формуле «Ключевое слово | Контекст». Цель заголовка страницы ー рассказать о назначении страницы и не повториться. В отношении заголовков вам также следует придерживаться дополнительных рекомендаций, которые мы дали выше.