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

05.09.2020

 

Что такое SEO и SEO-оптимизация?

 

Если у вас есть свой собственный сайт, то вам просто необходимо знать о SEO. Хотите привлечь на сайт больше посетителей, чтобы иметь возможность продемонстрировать им свои товары и услуги или же просто заработать в интернете? Это желание осуществимо!

Единственное, что для этого нужно – продвинуть сайт в ТОП-10 выдачи поисковых систем. А чтобы сайт был в заветном ТОПе, нужно знать основы оптимизации и продвижения сайта в поисковых системах и уметь ими пользоваться.

Начнем со знакомства с понятием СЕО. SEO расшифровывается как Search Engine Optimization, что в переводе означает поисковая оптимизация или же оптимизация под поисковые машины.

SEO оптимизация. Смысл этих трех слов – это оптимизация сайта для дальнейшего продвижения сайта в рейтинге поисковых систем.

Чем выше позиция вашего сайта в выдаче поисковика, тем больше вероятность, что посетитель зайдет на сайт, так как примерно 100% заходит по первым трем ссылкам поисковой выдачи, далее тенденция к уменьшению – до десятой ссылки первой страницы выдачи добираются 20-50% пользователей.

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

Появляется резонный вопрос: как же покорить это вершину и выбиться в лидеры? И тут SEO-оптимизация сайта приходит на помощь.

Поисковую SEO-оптимизацию условно можно разделить на три части:

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

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

 

Оптимизация работы сайта

 

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

Третья часть заключается в поддержании достигнутых позиций и улучшении полученных результатов.

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

 

 

Ключевые слова заголовка

 

Тег <title></title> — это заголовок страницы, название страницы и один из самых важных элементов как с точки зрения SEO оптимизации так и с точки зрения оптимизации конверсии. Заголовок страницы — это первый элемент, который чаще всего встречает пользователя. От содержимого заголовка (<title></title>) зачастую зависит будет ли выбрана страница среди прочих или закрыта.

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

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

Синтаксис заголовка title

Тег <title> располагается внутри тега <head></head> и имеет обязательный закрывающий тег — </title>. Тег заголовка документа TITLE не имеет атрибутов и может использоваться на странице только один раз.

Кроме того, элемент <title> не имеет прямого отображения на веб-странице. Чаще всего, заголовок страницы title отображается в верхней части окна браузера. Однако, не только по этому, следует задуматься над тем как оптимизировать заголовок страницы title.

 

<head>

<title>Заголовок</title>

</head>

 

Сохранение веб-страницы на локальном компьютере. Многие браузеры позволяют сохранять содержимое веб-страниц в виде файла на локальный компьютер. В качестве названия файла при сохранении будет выбран заголовок страницы <title>.

Сохранение страницы в избранное. Современные веб-браузеры позволяют создавать списки предпочитаемых ссылок в специальный раздел «Избранное». При сохранении ссылки страницы в избранное, в качестве нзвания страницы используется содержимое заголовка title. А поскольку ссылки из «Избранного», как правило, хранится в виде отдельных файлов, в качестве названия файлов, так же используется заголовок страницы TITLE.

Как оптимизировать заголовок страницы тег <title>

Длина заголовка страницы title — 60-100 символов. Подумайте, как будет выглядеть заголовок страницы в результатах поиска или во вкладке браузера. Из-за ограничения длины заголовка страницы, длинное название будет обрезано и что останется в итоге? Будет ли название страницы информативным и привлекательным?

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

Ограничение длины заголовка делает недопустимым размещение в названии страницы всевозможного информационного мусора вроде: «Главная страница» или «Добро пожаловать!». Заголовок должен состоять из характерных странице ключевых слов, собранных в короткую, читаемую, осмысленную и информативную фразу.

Постарайтесь избегать прямых перечеслений ключевых слов. Кроме того, существует ряд символов нежелательных для использования в заголовке страницы: ( = / ! ? * » : < > | + _ ). Не стоит использовать какие-либо символы для «украшения» заголовка страницы.

Необходимо избавлять заголовок от всего, что не несет полезной информации о странице.

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

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

 

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

 

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

  • Длина заголовка 60-100 символов;
  • Размещайте ключевые слова вначле заголовка или ближе к началу;
  • Используйте меньше прямых перечислений ключевых слов;
  • Краткость, ясность и осмысленность названия страницы;
  • Исключайте, по возможности, лишние символы ( = / ! ? * » : < > | + _ );
  • Исключайте повторяющиеся части или оставляйте их вконце заголовка;
  • Соблюдайте единообразие в названии страниц;
  • Не вводите в заблуждение посетителей, заголовок должен соответствовать содержимому страницы;
  • Не используйте редкие, сложные или иносказательные фразы — заголовок должен быть простым и понятным.

 

Удаление лишнего кода (HTML тегов) и неиспользуемых стилей.

 

Очень часто в шаблонах встречаются неиспользуемые теги типа:

<b></b>, <p></p>, <div></div>, <span style="куча каких-то стилей CSS"></span> и прочие «пустые» теги.

Они не несут никакого смысла, отвлекают при работе с HTML кодом шаблона и просто занимают место. В общем, никаких плюсов от них нет, только минусы и недостатки. Удаляйте их смело! Исключение составляют теги с указанием классов, например:

<div class="footer_line"></div>

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

Будьте внимательными – где прописаны классы (class), а где стили (style). Если вы проверили и убедились, что указанный класс недействительный (нерабочий, несуществующий) и никаким образом не влияет на визуальное представление сайта – удаляйте смело всю конструкцию (от открывающего до закрывающего тега).

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

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

 

 

Что такое и зачем нужна микроразметка

 

Микроразметка – стандарт семантической оптимизации. Стандарт был представлен поисковиками Google, Bing и Yahoo летом 2011 года. Осенью того же года стало известно о поддержке стандарта отечественной поисковой системой Яндекс.

Микроразметка позволяет роботам точнее определять и структурировать информацию на страницах сайтов. По данным Яндекса, на август 2012 года микроразметку используют порядка 10% сайтов рунета.

Микроразметка выполняется добавлением в HTML-код страницы специальных тегов, в которых размещается различная полезная информация.

Различают такие виды разметки, как: микроформаты, микроданные и RDFа.

Микроданные

Способ разметки (актуальный в HTML5), который описывает специальные данные. Например, данная разметка может содержать отзывы, информацию о дате и времени мероприятия, человеке и т.д.

Микроданные применяют простые атрибуты HTML-тегов (<div>, <span>). С их помощью присваиваются небольшие описательные имена свойствам и элементам.

О пользе микроразметки

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

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

Основные принципы разметки:

  • Оборачивание описания типа в контейнер с дальнейшим указанием схемы разметки
  • Разметка отдельных свойств с указанием на каждое конкретное свойство схемы

 

Влияние микроразметки на ранжирование

 

В Яндексе

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

В Google

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

Валидатор микроразметки

Для того чтобы веб-мастерам не приходилось многократно переделывать разметку, Яндекс разработал валидатор. При помощи валидатора можно проверить всю разметку, чтобы убедиться, что все поисковые роботы адекватно извлекают данные. Валидатор поддерживает микроданные, микроформаты, RDFa и schema.org. Валидатор и инструкция к нему находятся здесь.

Заключение

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

 

 

Оптимизация изображений: уменьшение веса картинок

 

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

Зачем оптимизировать изображения?

Скорость загрузки сайта является частью внутренней оптимизации и выступает одним из факторов ранжирования в поисковой системе. На эту скорость влияет применяемая таблица стилей (CSS), использованные на странице скрипты, контент, хостинг и многое другое. Однако самая главная причина (после скорости и качества интернет-соединения, конечно) – это медиа-контент: изображения, видео, баннеры, музыка.

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

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

Что необходимо знать о картинках?

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

Форматы изображений в теории:

Самыми распространенными форматами изображений в сети являются JPEG, GIF, PNG-8, PNG-24.

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

К формату GIF лучше прибегнуть в том случае, если количество цветов в изображении менее 10. (Это в теории). Здесь уже есть поддержка прозрачности.

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

PNG-24 лучший формат, когда используется полупрозрачный градиент: кнопки, картинки, иконки с тенями, градиентами и т.п.

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

Независимо от того, где вы берете изображения: ищете в Google картинках, из фотостоков, собственная подборка, – перед загрузкой на сайт их лучше оптимизировать.

Как оптимизировать изображения?

Возможно, у каждого из вас есть свой метод «уменьшения» изображений, например такой:

  • открываем изображение в Adobe Photoshop
  • анализируем его размер: не слишком ли оно большое для поста (страницы); видны ли все необходимые, важные детали; легко ли читается текст на нем, если он есть
  • при необходимости – уменьшаем картинку до нужных нам размеров (комбинация Ctrl+Alt+I):

Здесь руководствуемся такими критериями:

  • нужно поместить изображение на всю доступную ширину зоны контента или достаточно будет уменьшенной версии?
  • eсли на картинке есть текст, он должен легко читаться сразу или нужно открыть изображение полностью, чтобы прочитать?

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

  • сохраняем изображение для WEB и устройств (Ctrl+Shift+Alt+S)
  • сохраняем для Web и устройств
  • выбираем нужный нам формат: GIF, JPEG, PNG-8, PNG-24, WBMP (это черно-белый)
  • выбираем формат изображения

Если на картинке есть люди или необходимо отличное качество изображения, то лучше сохранять такие изображения только в JPEG с минимальным уровнем качества High. Это относится к фотографиям, в основном. Нарисованных человечков можно и «сжать» немножко, используя более выгодные форматы.

 

 

Атрибуты alt и title в SEO-оптимизации изображений

 

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

Атрибут ALT: Данный атрибут входит в язык html. Назначение его заключается в описании какого-то объекта с целью дать дополнительную информацию о данном объекте (в нашем случае изображений). Как данный атрибут работает? Вы берете нужную картинку, которая находится у Вас на жестком диске или носителе (флэшка) и вставляете на нужную страницу сайта в нужное место.

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

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

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

Атрибут TITLE: Данный атрибут title также входит в язык html. Назначение его такое же, как и атрибут alt, но с той разницей, что данное описание будет показываться пользователю сайта при наведении на картинку курсором. Данный атрибут не участвует в продвижении сайта, но он позволяет увеличивать поведенческий фактор, который также влияет на позицию сайта в поисковой системе. Пишется оно так title="Описание картинки". Поэтому оптимизация изображений играет тоже большую роль при продвижении сайта в поисковых системах.

Основные отличия alt и title

  • alt больше предназначен для поисковых роботов, а title – для посетителей
  • alt – это «текст на замену», а title – это описание. Соответственно, будет намного правильнее указать в значении alt краткое название (2-3 слова), а в описании рассказать о нем более подробно (5-10 слов)

    • Пример:

    ALT = Домик у моря.

    TITLE = На картинке изображен деревянный дом на берегу Черного моря.

  • Если в качестве alt и title вы будете использовать заголовок страницы (название материала), то поисковая система может посчитать страницу переоптимизированой (заспамленой), что понесет за собой наложение фильтров
  • Основное предназначение title – улучшить юзабилити, соответственно в нем должна быть более расширенная информация об объекте. А если эту «расширенную информацию» поместить в alt, то при отсутствии картинки посетитель будет видеть «простыню» текста в квадрате
  • title вызывается активным действием посетителя (наведение мышки на объект), а alt автоматически при отсутствии картинки. Если посетитель не захочет видеть много лишних «букф», то он может убрать мышку с объекта и title закроется, а вот alt никак не исчезнет и будет отвлекать внимание от основного контента, поэтому количество слов в этих атрибутах должны быть разными

 

Как заполнять Title, keywords, Description и технические мета-теги

 

Тег «Title»

Первый мета-тег < TITLE>< /TITLE> очень важен. Причём этот мета-тег одинаково важен и для поисковых систем, и для посетителей. Первые в ранжировании результатов поиска придают большое значение ключевым словам, которые содержатся в теге «title», вторые видят его содержимое в виде ссылки на сайт в тех же результатах поиска:

Содержимое этого же мета-тега отображается и в заголовке окна браузера: метатег title

В HTML мета-тег «title» добавляется следующим образом:

< html>

< head>

< title>Содержимое мета-тега «title»< /title>

< /head>

< body>Основное содержимое страницы< /body>

< /html>

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

Мета-тег «keywords» (ключевые слова)

С начала вкратце о том, а что, собственно, такое эти самые «ключевые слова».

Те слова, которые наиболее полно характеризуют содержимое html-страницы и будут для нее ключевыми. Это могут быть как отдельные слова, так и словосочетания, но они обязательно должны встречаться в тексте на странице. По ним поисковики определяют релевантность страницы тому или иному запросу.

Чтобы облегчить работу поисковым системам, используется мета-тег «keywords». В нём вебмастер прописывает ключевые слова для страницы. HTML-код мета-тега «keywords» выглядит следующим образом:

< html>

< head>

< meta name="keywords" content="Перечень ключевых слов">

< title>Содержимое мета-тега «title»< /title>

< /head>

< body>Основное содержимое страницы< /body>

< /html>

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

В настоящее время правильно заполненный мета-тег «keywords» используется поисковиками лишь как один из многих факторов ранжирования (далеко не главный).

Если же они видят перед собой «keywords», в который запихнули все возможные вариации ключевиков, то это становится для них первым сигналом о неблагонадёжности данной страницы.

Мета-тег «description» (описание страницы)

Следующим важным мета-тегом является тег «description», в котором должно содержаться краткое описание страницы. Именно «краткое» и именно «описание страницы». Достаточно добавить одно-два небольших предложения, в которых указать о чём и для кого эта страница.

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

Если поисковикам не нравится то, как заполнен мета-тег «description», то сниппет формируется из кусочков фраз (надёрганных со всей страницы), которые релевантны запросу.

Таким образом, правильный мета-тег «description» обязательно содержит ключевое слово (фразу) и коротко и точно описывает то, о чём и для кого страница. «Description» вместе с «title» образуют пару очень важных мета-тегов, от которых зависит то, перейдёт пользователь из поисковой выдачи на сайт или нет! Поэтому его, как и «title», нужно прописывать для каждой страницы!

HTML-код для создания мета-тега «description» будет следующим:

< html>

< head>

< meta name="keywords" content="Перечень ключевых слов">

< meta name="description" content="Содержимое мета-тега «description»">

< title>Содержимое мета-тега «title»< /title>

< /head>

< body>Основное содержимое страницы< /body>

< /html>

 

Теперь перейдём к описанию основных технических мета-тегов из группы «HTTP-EQUIV» (HTTP-эквиваленты).

Технические мета-теги

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

content-type — тип документа и его кодировка. Этот мета-тег нужен для правильного отображения символов браузером.

Кодировок существует много. Большинство из них даже никогда не встретяться. Не говоря уже про то, что будешь их использовать сам. Современные браузеры определяют тип кодировки атоматически, но для большей уверенности можно указать его и самостоятельно. Если ты создаёшь html-документ в операционной системе Windows, языком которой является русский, то кодировка будет «windows-1251», а код для вставки мета-тега такой:

< html>

< head>

< meta http-equiv="content-type" content="text/html; charset=windows-1251">

< meta name="keywords" content="Перечень ключевых слов">

< meta name="description" content="Содержимое мета-тега «description»">

< title>Содержимое мета-тега «title»< /title>

< /head>

< body>Основное содержимое страницы< /body>

< /html>

content-language — указание языка документа. Значение этого необязательного мета-тега используется как поисковыми роботами, так и web-серверами. Код для вставки:

< html>

< head>

< meta http-equiv="content-language" content="ru">

< meta http-equiv="content-type" content="text/html; charset=windows-1251">

< meta name="keywords" content="Перечень ключевых слов">

< meta name="description" content="Содержимое мета-тега «description»">

< title>Содержимое мета-тега «title»< /title>

< /head>

< body>Основное содержимое страницы< /body>

< /html>

refresh — время (в секундах), через которое произойдет автоматическая перезагрузка документа или переход на другую html-страницу с заданным адресом (url). Например, чтобы производить атоматическую перезагрузку документа каждые 30 секунд, нужно вставить этот мета-тег так:

< html>

< head>

< meta http-equiv="refresh" content="30">

< meta http-equiv="content-type" content="text/html; charset=windows-1251">

< meta name="keywords" content="Перечень ключевых слов">

< meta name="description" content="Содержимое мета-тега «description»">

< title>Содержимое мета-тега «title»< /title>

< /head>

< body>Основное содержимое страницы< /body>

< /html>

robots — мета-тег, который отвечает за настройки индексирования страницы. У мета-тега «robots» могут быть следующие значения:

index — страница индексируется;

noindex — страница не индексируется;

follow — гиперссылки на странице учитываются;

nofollow — гиперссылки на странице не учитываются

all — заменяет «index» и «follow», т.е. страница индексируется и гиперссылки на ней учитываются (действует по умолчанию);

none — заменяет «noindex» и «nofollow», т.е. страница не индексируется и гиперссылки на ней не учитываются.

Код для вставки мета-тега «robots»:

< html>

< head>

< meta name="robots" content="noindex, nofollow">

< meta http-equiv="content-type" content="text/html; charset=windows-1251">

< meta name="keywords" content="Перечень ключевых слов">

< meta name="description" content="Содержимое мета-тега «description»">

< title>Содержимое мета-тега «title»< /title>

< /head>

< body>Основное содержимое страницы< /body>

< /html>

author и copyright — мета-теги, которые позволяют указать авторство и владельца контента на странице. HTML-код для вставки:

< html>

< head>

< meta name="author" content="Алексей ">

< meta name="copyright" content="Все права принадлежат Алексею ">

< meta http-equiv="content-type" content="text/html; charset=windows-1251">

< meta name="keywords" content="Перечень ключевых слов">

< meta name="description" content="Содержимое мета-тега «description»">

< title>Содержимое мета-тега «title»< /title>

< /head>

< body>Основное содержимое страницы< /body>

< /html>

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

 

 

Перелинковка сайта. Как это сделать

 

Что такое перелинковка сайта и зачем она нужна

Перелинковкой сайта (от английского «link») называют связывание страниц одного сайта или разных ресурсов гиперссылками. Перелинковка применяется:

  • в качестве инструмента повышения релевантности (соответствия) страниц сайта запросу в поисковых системах – каждая такая ссылка «говорит» поисковому роботу о том, что данная страница отвечает конкретному запросу
  • с целью увеличения статического веса страниц (он повышается с увеличением количества ссылок), который имеет значение при продвижении ресурса в тех же поисковых системах
  • для ускорения индексации новых страниц сайта. Допустим, поисковый робот заходит на страницу ресурса, находит на ней новую ссылку и переходит по ней, индексируя статью и внося в базу данных поисковой системы
  • в качестве дополнительной защиты от копирования контента. Конечно, это не значит, что украсть его нельзя, но при использовании автоматического грабинга из rss лент оригинальная статья будет копироваться со всеми внутренними гиперссылками. Это позволяет легко обнаружить те ресурсы, которые воруют статьи
  • для повышения юзабилити, то есть удобства пользования сайтом. Посетителю легче будет находить схожие материалы, ориентироваться во внутреннем содержании ресурса

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

 

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

 

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

Осуществляя перелинковку, стоит соблюдать несколько основных правил:

  • не только страницы, но и сам текст ссылки должен быть релевантен содержанию, на которое он ссылается. В идеале это должно быть ключевое слово, по которому оптимизируется страница
  • если ссылкой служит картинка, то необходимо использовать alt и также в названии изображения прописывать ключевые слова
  • лучше не сосредотачивать все ссылки в одном месте: используйте 1-2, но такие, которые полностью соответствуют смыслу наполнения. Например, можно напомнить читателю блога о ранее опубликованной информации, ставя ссылку на предшествующий пост. Снова заметим, что в названии ссылок вместо слов «Предыдущий пост» или «Здесь», или «Раньше» нужно вставлять название статьи, либо ключевые слова
    • .

Автоматическая внутренняя перелинковка

Такой вид перелинковки не требует от вебмастера больших затрат времени и усилий: достаточно настроить все системы один раз и периодически проверять их работу.

Автоматическая перелинковка включает в себя несколько видов работ. Самые основные:

  • Составление карты сайта. Качественный сайт просто обязан иметь свою карту – она позволяет пользователям легко ориентироваться в разделах и путешествовать по ресурсу. Кроме этого, он позволит правильно «расходиться» pr по страницам интернет-площадки. На практике получается, что каждая страница имеет ссылку на карту сайта, и наоборот (получается некий круговорот).
  • Вывод схожих статей – под каждой статьей организуется вывод ссылок на похожие по теме или содержанию материалы. Посетители сайта переходят по ним, накручивая тем самым поведенческие факторы ресурса, а это хорошо сказывается на позиции в поисковой выдаче. Для каждого вида движка (системы управления сайтом) есть отдельные расширения, которые позволяют создать автоматический вывод похожего контента. Однако такой метод имеет свой минус – возникает большая нагрузка на сервер.
  • Автоматические контекстные ссылки – один из лучших методов продвижения сайта в поисковиках, представляющий собой размещение внутренних ссылок с ключевыми анкорами (текстовым содержанием) прямо в теле статьи.
  • Так называемые «хлебные крошки» - внутренние ссылки наверху каждого материала ресурса, которые показывают пользователю путь до главной страницы. Например, если на сайте или блоге много подкатегорий или статей, посетитель может легко заблудиться, а используя данный способ, можно увидеть весь свой путь. Такие ссылки прекрасно индексируются поисковыми системами и приносят свой вес определенным страницам.

Ручная внутренняя перелинковка сайта

Ручная перелинковка – работа достаточно трудоемкая, занимающая много времени, но дающая наиболее сильный и долгосрочный эффект. Самое главное, о чем следует помнить: новые материалы должны ссылаться на старые.

Существует несколько видов перелинковки - кольцевая и карусельная. Кольцевая предполагает создание замкнутого круга ссылок, при этом передаваемый вес увеличивается с увеличением «колец». Второй, карусельный вариант, представляет собой распределение веса с главной страницы на разделы, затем на подкатегории и материалы (что называется, «сверху вниз»).

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

Внешняя перелинковка

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

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

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

 

 

Ошибки при отимизации статей

 

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

Ошибки, которые допускают оптимизаторы

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

Ошибка 1. Неуникальный контент

Уникальность текста – это основа основ. Даже начинающий сеошник в курсе, что дублированный контент - это «плохо» и что с его помощью успеха не добиться. Неуникальные тексты грозят сайту жёсткими мерами со стороны поисковых систем, например, можно запросто выпасть из индекса. Сервисы для проверки уникальности

miratools.ru. Собственная разработка контентной биржи Miralinks. Сервис условно бесплатен. Демо-версия позволяет проверить максимум 10 текстов в сутки, а длина текста не может превышать 4 тысячи знаков. Платная версия даёт возможность проверять несколько тексов сразу любого объёма, а также позволяет проверить текст по URL.

text.ru. Полностью бесплатный сервис, показывающий процент уникальности контента, попутно проверяющий орфографию. Недостаток – невозможность быстро проверить текст без регистрации: приходится «стоять в очереди», пока другие пользователи не проверят свои тексты. После регистрации можно проверять любое количество текстов любых объёмов без ожидания.

copyscape.com. Популярный сервис для проверки русского и англоязычного текста на уникальность. Проверяет только по URL, поэтому не выложенные в сеть тексты проверить не получится. Количество запросов и отображаемых результатов совпадений ограничено, но после приобретения Premium-аккаунта все ограничения снимаются. Основная фишка сервиса – оповещение по e-mail владельцев Premium-аккаунтов в том случае, если контент с их сайта появился в сети на другом ресурсе.

Утилиты для проверки уникальности

Advego Plagiatus. Собственная разработка контентной биржи Advego. Позволяет проверять текст в отдельном окне и по URL. Выдаёт ссылки на источники ворованного контента.

Еtxt антиплагиат. Программа определяет неуникальные куски текста и выделяет их цветом. Предусмотрена возможность пакетной проверки.

Универсальный способ проверки уникальности

В крайнем случае, проверить уникальность контента можно следующим образом:

  • Открыть любой поисковик
  • Вставить кусок текста без знаков препинания, взяв его в кавычки
  • Если поисковик найдёт полное соответствие, кусок неуникален
  • Неуникальный контент абсолютно бесполезен при продвижении. Тексты нужно писать либо с нуля, либо делать качественный рерайт.

Совет: использование синонимайзеров (программы, уникализирующие текст автоматически) не позволит получить качественный контент «для людей».

Ошибка 2. Неправильная плотность вхождения ключевиков

Одна из самых распространённых ошибок неопытных SEOшников – недостаток или переизбыток ключевых слов в тексте страницы, а также искусственно внедрённые ключевые слова. Такие страницы хуже ранжируются, а в случае переизбытка ключевиков могут попасть в бан-лист. Если в тексте перебор с вхождениями, он называется «тошнотным» (тошнота – числовой показатель количества вхождений ключевых слов). Ключевики должны быть вставлены в текст гармонично, даже если в них несколько не связанных между собой слов.

Ошибка 3. Неправильная структура текста

Стоит запомнить раз и навсегда: пользователь НЕ ХОЧЕТ читать портянки текста без разделения на абзацы, без маркированных списков, без подзаголовков (H2-H3), изображений и так далее. Правильно оформленный текст существенно улучшает восприятие информации читателем.

Также стоит отметить, что заголовки H1 ОЧЕНЬ ЖЕЛАТЕЛЬНО использовать для внедрения ключевых слов. Заголовок H1 должен встречаться на каждой странице не больше одного раза. Также не будет лишним включить ключевики в подзаголовки H2 и H3. Это существенно повышает релевантность страницы, а значит, облегчает продвижение.

Ошибка 4. Неправильный объём

Ещё одна аксиома: гигантские тексты мало кто читает. Лучше сделать текст максимально коротким и максимально же конкретным и информативным. С другой стороны, поисковики подразделяют контент на коммерческий (короткие тексты) и информационный (длинные), если сделать текст сознательно объёмнее, то конкурировать в выдаче придётся уже не с коммерческими, а с информационными ресурсами, что проще.

 

Органическая поисковая оптимизация сайта. SEO оптимизация сайтов

 

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

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

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

  • продвижение сайта по позициям
  • продвижение сайта по трафику
  • продвижение сайта "Трафик + Позиции"
  • продвижение с открытым бюджетом

Основные цели поисковой оптимизации:

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

Оптимизация сайтов под поисковые запросы

Ориентируясь на целевые запросы, комплексная поисковая оптимизация позволит вывести ваш интернет проект в ТОП зону наипопулярнейших поисковых систем по релевантным ключевым словам в самые короткие сроки.

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

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

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

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

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