Новый журнал для вязания спицами

Новый журнал для вязания спицами

Новый журнал для вязания спицами
Новый журнал для вязания спицами

Новый журнал для вязания спицами

11. Валидность кода (HTML, CSS): проверка на ошибки

Следование определенным стандартам, разработанным World Wide Web Consortium (www.w3.org), при создании сайта, означает соответствие (валидность) кода языка гипертекстовой разметки (HTML) и каскадных таблиц стилей (CSS) правилам, которые необходимо соблюдать при построении веб-ресурса.

Зачем это нужно? Валидный код — это гарантия кроссбраузерности, то есть правильного отображения страниц вашего сайта в браузерах (FireFox, Opera, Google Chrome и других) и отсутствие ошибок, тормозящих работу ресурса.

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

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

Как проверить? Проверить код на соответствие требованиям W3C вы можете с помощью валидаторов:

  • проверка HTML — validator.w3.org;
  • проверка CSS — jigsaw.w3.org.

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

12. Исправление ошибок на сайте: дубли страниц и контента, битые ссылки

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

Дубли страниц. Достаточно частая проблема. Дублировать страницы может неверно настроенная CMS или ваша собственная оплошность.

Как проверить?

  1. проверить в панели для вебмастеров (сайт должен быть зарегистрирован):
    • Google — из списка выбрать сайт → "Индекс Google" → "Статус индексирования";
    • Yandex — "Мои сайты" → выбрать сайт → "Структура сайта" → сравнить данные "загружено страниц" и "станиц в поиске".
  2. проверить с помощью оператора поисковой системы (домен напишите свой):
    • site:vash-sajt.com — общий индекс;
    • site:vash-sajt.com/& — поисковый индекс.

Результаты проверки: если количество проиндексированных URL'ов страниц примерно равно реальному их количеству, то не о чем беспокоиться.

Как решить проблему? Если проблема существует, то зачастую ее решить можно с помощью файла "robots.txt" (запрет на сканирование URL'ов с определенными параметрами) или указания канонического адреса страницы (атрибут "rel=canonical" тега <link>). Подробнее в справках поисковых роботов.

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

Битые ссылки. Данная проблема может появляться, если ссылки в тексте вы проставляете правкой html-кода, то есть вручную. Предположим такую ситуацию. Вы написали статью, проставили в ней ссылки, опубликовали. А потом вдруг решили по каким-либо причинам сменить названия URL'ов некоторых страниц или вовсе их удалить (кстати, что категорически НЕ рекомендую делать), а ссылки в статье поменять забыли. Вот и получились они битыми. Ссылки есть, но ведут они в никуда.

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

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

Проверить сайт на ошибки: audit.megaindex.ru

13. Страница с ошибкой 404: назначение, как сделать, рекомендации, как проверить

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

Назначение страницы с ошибкой 404:

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

Как сделать страницу с ошибкой 404? По умолчанию такая страница может выглядеть совсем непрезентабельно, но это не критично, если сервер при этом отдает роботам правильный http-заголовок ответа. Но лучше обзавестись собственной "несуществующей страницей", в которую можно включить свои "плюшки" и извлечь из этого выгоду. Пример такой страницы Dasound 404.

Страница 404 для сайтов на HTML:

  • создайте в корне (папке) сайта файл .htaccess (конфигурационный файл сервера) и пропишите в нем строку
    ErrorDocument 404 http://vash-sajt.com/error404.html;
  • подготовьте у себя на компьютере HTML-страницу — error404.html и также закиньте ее в корневую папку сайта.

Страница 404 для сайтов на PHP: по аналогии создаете файл-страницу 404.php и прописываете в файл конфигурации строчку кода
ErrorDocument 404 http://vash-sajt.com/404.php.

Более детальное описание создания 404 странички поищите в интернете.

Рекомендации по созданию 404 страницы:

  • оформляйте в едином стиле с сайтом (логотип, цветовая гамма) или же создайте универсальную 404;
  • установите отдельный счетчик посещаемости (для контроля);
  • установите форму поиска по сайту/блогу;
  • добавьте мини-карту сайта со ссылками на более интересные (по вашему мнению) рубрики и подрубрики или хотя бы проставьте одну ссылку на главную страницу;
  • по желанию добавьте свои "фишки" и "примочки";
  • запретите роботам ее индексировать — либо с помощью "robots.txt", либо добавлением строчки кода <meta name="robots" content="none"/> в секцию <head> страницы 404.

Как проверить ответ сервера? Воспользуйтесь онлайн инструментом: Cy-Pr Header или Bertal — введите в соответствующее поле любую несуществующую страницу вашего сайта, например, vash-sajt.com/qwerty12345.

Результаты проверки. Если все правильно сделано, то вы увидите HTTP/1.1 404 Not Found или HTTP/1.1 301 Moved Permanently.

14. Склейка зеркал сайта или объединение доменов "www" с "без www"

Рассказывать об истории появления "WWW" и почему кто-то "за", а кто-то "против" этой аббревиатуры в адресе сайта не является приоритетной задачей данного подзаголовка. Сразу к делу.

Доступность веб-ресурса по разным адресам, таким как "www.vash-sajt.com" и "vash-sajt.com", говорит об упущении вебмастера — по сути, это две идентичные копии сайта, а это плохо для внутренней оптимизации. Хотя поисковые роботы самостоятельно определяют главное зеркало, что может не соответствовать вашим предпочтениям. Поэтому лучше самому вмешаться в этот процесс.

Что нужно сделать?

  1. определитесь, что вам нужнее — в доменном имени должен или не должен присутствовать префикс "www";
  2. проверьте, открывается ли сайт по двум адресам — введите каждый из них в адресную строку браузера, если открывается, то смотрим третий пункт;
  3. "склейте" адреса.

Имейте ввиду, если в индексе поисковиков сидит копия с префиксом "www", а вам нужно "без www", то сайт на время пропадет из поиска со всеми вытекающими последствиями. В этом случае лучше оставить как есть, особенно, если ресурс имеет поисковый трафик. И еще, считайте везением, когда оба робота (Яндекс, Гугл) одинаково выберут главное зеркало. В этом случае приступайте к склейке, а в качестве главного домена выступит проиндексированный вариант.

Как склеить или указать главное зеркало сайта? Способы:

  • указать в панели вебмастеров;
  • прописать в файле "robots.txt";
  • настроить редирект 301 (пример ниже).

В принципе достаточно применить 301 редирект, но лучше задействовать все три способа. Здесь же приведу примеры редиректов (на Apache сервере), код одного из которых необходимо добавить в файл .htaccess (не производите правку кода ниже!).

Склейка (переадресация) с "www" на "без www" (домен БЕЗ префикса "www"):

RewriteEngine On
RewriteCond %{HTTP_HOST} ^www\.(.) [NC]
RewriteRule ^(.)$ http://%1/ [R=301,L]

Склейка (переадресация) с "без www" на "www" (домен С префиксом "www"):

Options +FollowSymLinks
RewriteEngine On
RewriteCond %{HTTP_HOST} ^([^www].)$
RewriteRule ^(.)$ http://www.%1/ [L,R=301]

15. ЧПУ (SEF): что это, преимущества, настройка

ЧПУ — это человеко-понятные (дружественные) URL адреса, которые целесообразно применять для страниц без динамических параметров, например, на личных блогах под управлением популярных движков (Вордпресс, Джумла и тд). Предназначен для удобства пользователей, а также послужит улучшением внутренней оптимизации сайта.

Английский вариант ЧПУ — SEF (search engine friendly) — может пригодиться при последующей настройке, так как в некоторых движках используется именно эта аббревиатура или ее расшифровка.

Несколько примеров:

  • http://vash-sajt.com/?p=100 — ненастроенный ЧПУ;
  • http://vash-sajt.com/kak-nastroit-chpu — настроенный ЧПУ (на транслите);
  • http://vash-sajt.com/how-to-set-sef — настроенный ЧПУ (на английском);

Примечание. Для русскоязычных сайтов предпочтительнее использовать транслит.

Преимущества ЧПУ (SEF):

  • пользователи лучше воспринимают адреса таких страниц — их проще читать и понимать;
  • возможность использования в них ключевиков, тем самым повышая релевантность нужному запросу;
  • поисковики подсвечивают слова из ЧПУ в выдаче, если они присутствуют в запросе пользователя.

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

Настройка ЧПУ (SEF). Обычно дополнительно настраивать адреса не нужно, если их автоматически генерирует используемая CMS. Однако, это может происходит не во всех системах управления сайтами. Произвести настройку можно через админку движка, либо с помощью установки и активации дополнительного модуля/плагина, например, для:

  • для Wordpress — плагин "Rus-To-Lat" или "CryToLat" в связке с "Seo Without Category" (убирает из урл "category");
  • для Joomla — включить SEF в "Настройки SEO" Джумлы и установить дополнительный компонент "Artio Joom SEF";
  • для Drupal — включить "Чистые ссылки" в настройках движка, скачать и установить модули "PathAuto", "Token", "Transliteration";
  • для 1C-Bitrix — функцию обработки адресов необходимо включить в настройках.

16. Строка навигации "хлебные крошки"

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

Чаще такую строчку делают горизонтальной и располагают под шапкой сайта. Пример хлебных крошек:

Главная → Раздел → Подраздел → Статья

Чтобы внедрить навигационную строчку на свой сайт воспользуйтесь модулем CMS (если предусмотрен), либо вставкой кода в шаблон сайта (поищите решение в интернете), либо воспользуйтесь плагином (смотрите ниже):

  • для Wordpress — "Breadcrumb NavXT";
  • для Joomla — "BreadCrumbs Advanced" (замена стандартному модулю);
  • для Drupal — "Custom Breadcrumbs" или "Path Breadcrumbs";
  • для 1C-Bitrix — компонент "Навигационная цепочка".

17. Установка фавиконки: как создать и установить

Фавиконка (favicon) — миниатюрное изображение (обычно 16x16 пикселей), отображающееся на вкладке и в закладках браузера рядом с заголовком страницы и в поисковой выдаче перед ссылкой. Файл имеет расширение .ico

Пример фавиконки в браузере и поисковой выдаче

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

Как создать фавикон? Варианты:

  • нарисовать в фотошопе — используйте редактор в связке с плагином "ICOFormat" (позволяет сохранять файлы в формате ICO);
  • нарисовать в специализированной бесплатной программе — "IcoFX" (сайт icofx.ro);
  • нарисовать в онлайн редакторе — xiconeditor.com, favicon.ru;
  • преобразовать из любого изображения — genfavicon.com (онлайн преобразователь);
  • скачать готовый favicon из каталога — findicons.com.

Как установить фавикон?

  • во-первых, название файла должно быть "favicon", а расширение ".ico";
  • во-вторых, загрузите иконку в папку сайта (в корень);
  • в-третьих, пропишите строчку кода (смотрите ниже) в тег <head> на каждую страницу сайта;
  • в-четвертых, проверьте, отображается ли значок на вкладке браузера — для этого откройте любую страницу вашего сайта (перед этим очистите кэш браузера);
<link href="http://vash-sajt.com/favicon.ico" rel="shortcut icon" type="image/x-icon" />
Примечания.

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

2. В поисковой выдаче иконка появится не сразу, а по прошествии 3-4 недель.

18. Внешние ссылки

Ссылки на другие ресурсы в интернете называются внешними или исходящими, которые уносят статический вес с сайта. Дабы избежать этого явления, их лучше закрывать специальным атрибутом rel="nofollow", который нужно поместить в тег <a>. Пример кода ссылки:

<a href="../URL" title="описание" rel="nofollow">анкор</a>

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

Некоторые вебмастера дополнительно прячут ссылки от индексации в тег <noindex>. Считаю это глупостью, поскольку у этого тега другое назначение.

19. Семантическая разметка (микроразметка)

Семантическая разметка — структурированная разметка данных (микроразметка) призванная улучшить понимание поисковыми роботами структуры и содержание документа/страницы. С ее помощью улучшаются сниппеты, повышается процент CTR, а следовательно и трафик.

Считаю, что микроразметка нужна не всем сайтам. А на каких веб-ресурсах целесообразно ее внедрять? Примеры:

  • интернет-магазины;
  • новостные порталы;
  • кулинарные сайты;
  • а еще на сайтах с фильмами, музыкой, отзывами, рефератами, программами и других.

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

Заказать оптимизацию сайта

Улучшение внутренней оптимизации веб-сайта

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

  • форма поиска по сайту — можно воспользоваться формой от Яндекса или Google;
  • виджеты комментариев (на выбор) — Вконтакте, Фэйсбук, Disqus, livefyre, Cackle;
  • share-кнопки соцсетей (на выбор) — Яндекс, Pluso, Share42, Uptolike;
  • кнопка "вверх" — быстро возвращает посетителя к началу страницы;
  • страница "контакты" — на продающих сайтах просто обязана быть;
  • страница "о сайте", "о фирме" — аналогично предыдущему пункту;
  • настройка RSS-ленты — есть смысл подключать к часто обновляемым ресурсам, например, новостные порталы;
  • установка счетчика посещаемости — LiveInternet, Яндекс-Метрика, Google Analytics.

SEO-инструментарий для проведения внутренней оптимизации

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

Подбор и анализ "ключей"

Онлайн сервисы:

  • adwords.google.com/KeywordPlanner — планировщик кейвордов от Гугл;
  • wordstat.yandex.ru — подбор ключевых запросов от Яндекс;
  • mutagen.ru — частично бесплатный и функциональный онлайн сервис подбора ключевых слов, оценки конкурентности запросов (его ценная особенность). Возможности мутагена расширены по сравнению с двумя предыдущими инструментами и могут их дополнять.

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

Программы:

  • Key Collector — платная программа для сбора ключевых фраз, определения их конкурентности и эффективности для продвижения сайта;
  • Словоб— бесплатная версия Кейколлектора, функционал значительно урезан.

Проверка уникальности и SEO-анализ текстов

  • text.ru — сервис онлайн проверки текстов на уникальность и магазин статей;
  • advego.ru/plagiatus/top/ — программа "Advego Plagiatus" для проверки уникальности, устанавливается на PC с ОС Windows 8, 7, Vista, XP, 2000;
  • copyscape.com — сервис поиска плагиата в интернете и оповещения при его обнаружении, имеющий в своем арсенале предупреждающие баннеры для плагиаторов;
  • siteliner.com — сервис проверит сайт на внутренний дублированный контент, "битые" ссылки, правильность структуры XML-файла (карта сайта для поисковиков) и другое.

Анализ структуры сайта

  • Xenu Link Sleuth — бесплатный софт для поиска неработающих ссылок (обычные, ссылки на картинки, ссылки на стилевые файлы и тд), нахождения неуникальных тайтлов, дублей страниц, создания карты сайта и другие возможности. В программе предусмотрен экспорт отчетов в excel-файл;
  • Page Weight — программы для проверки перелинковки и оценки поисковых запросов на конкурентность.

Комплексный SEO-инструментарий

  • audit.megaindex.ru — отличный онлайн инструмент для проведения комплексного аудита сайта и анализа внутренней оптимизации веб-ресурса — система проверит сайт на предмет ошибок среди которых дубли страниц, битые ссылки, неверные коды ответов сервера, а также проверит исходящие ссылки, перелинковку, заголовки, теги и мета-теги, ТИЦ, PR и выдаст подробный отчет;
  • rookee.ru — поможет бесплатно сделать внутренний аудит вашего сайта, сервис соберет информацию по основным показателям веб-ресурса, отразит техническое состояние сайта по важным параметрам;
  • saitreport.ru — частично бесплатный сервис для проведения диагностики и аудита сайта.

Прочие инструменты

  • seochecklist.ru — онлайн чек-лист, поможет сделать внутреннюю оптимизацию ресурса своими силами, также доступна версия для PC в PDF-формате.

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

Комментарии "в тему" приветствуются!

Книга "Как подготовить сайт к продвижению?"

Книга - Как подготовить сайт

Книга послужит дополнением к данной статье, но не заменой!

В книге описаны важные рекомендации по доработке сайта, а именно:

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

Получить книгу бесплатно!

Успехов Вам, Терпения и Удачи!

С Уважением,

подпись



Новый журнал для вязания спицами

Новый журнал для вязания спицами

Новый журнал для вязания спицами

Новый журнал для вязания спицами

Новый журнал для вязания спицами

Новый журнал для вязания спицами

Новый журнал для вязания спицами

Новый журнал для вязания спицами