Как читать исходный код вашего сайта и почему это важно

  1. Как просмотреть исходный код
  2. Теги заголовка
  3. Мета Описания
  4. H1 Заголовки
  5. Nofollows
  6. Изображение Alt Tags
  7. Проверка правильности установки аналитики
  8. Вот и все!

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

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

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

Наконец, если вы платите кому-то за SEO вашего сайта, это отличное руководство, которое поможет вам следить за ним!

Как просмотреть исходный код

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

ПК

  • Firefox - CTRL + U (имеется в виду нажмите клавишу CTRL на клавиатуре и удерживайте ее нажатой. Удерживая нажатой клавишу CTRL, нажмите клавишу «u».) Кроме того, вы можете перейти в меню «Firefox» и затем нажать « Веб-разработчик », а затем« Источник страницы ».
  • Internet Explorer - CTRL + U. Или щелкните правой кнопкой мыши и выберите «Просмотр источника».
  • Chrome - CTRL + U. Или вы можете нажать на странно выглядящий ключ с тремя горизонтальными линиями в верхнем правом углу. Затем нажмите «Инструменты» и выберите «Просмотр источника».
  • Opera - CTRL + U. Вы также можете щелкнуть правой кнопкой мыши на веб-странице и выбрать «View Source Source».

макинтош

  • Safari - сочетание клавиш Option + Command + U Вы также можете щелкнуть правой кнопкой мыши на веб-странице и выбрать «Показать источник страницы».
  • Firefox - Вы можете щелкнуть правой кнопкой мыши и выбрать «Источник страницы», или вы можете перейти в меню «Инструменты», выбрать «Веб-разработчик» и нажать «Источник страницы». Сочетание клавиш: Command + U.
  • Chrome - перейдите к «View», затем нажмите «Developer», а затем «View Source». Вы также можете щелкнуть правой кнопкой мыши и выбрать «View Source Source». Сочетание клавиш - Option + Command + U.

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

Теги заголовка

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

Вы знаете те результаты, которые Google предоставляет, когда вы что-то ищете?

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

Теперь давайте сделаем быстрый поиск в Google по термину «Руководства по маркетингу»:

Теперь давайте сделаем быстрый поиск в Google по термину «Руководства по маркетингу»:

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

Если щелкнуть этот первый результат и просмотреть исходный код страницы, мы увидим тег title:

Тег заголовка обозначается открывающим тегом: <title>. Он заканчивается закрывающим тегом: </ title>. Тег заголовка обычно находится в верхней части исходного кода в разделе <head>.

И мы видим, что содержимое тега title соответствует тому, что используется в заголовке этого первого результата Google.

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

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

Вот несколько важных вещей, которые нужно помнить о тегах заголовков:

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

Мета Описания

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

Я видел сотни сайтов, которые полностью игнорируют этот тег. Это очень легко найти в вашем исходном коде:

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

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

H1 Заголовки

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

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

Nofollows

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

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

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

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

Если они это сделают, то ссылка, которую вы так усердно работали, не принесла вам особой пользы, поскольку атрибут nofollow в основном говорит Google игнорировать вашу веб-страницу

Это может быть немного трудно увидеть на картинке выше, но rel = 'external nofollow' находится в якорной ссылке. Таким образом, даже если человек может щелкнуть ссылку, сок ссылки не передается.

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

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

Google скажет вам игнорировать эту практику, и я в чем-то согласен. Это утомительное, ненужное занятие, и вместо этого ваша энергия расходуется на создание отличного контента.

Изображение Alt Tags

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

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

Хорошая идея - убедиться, что название продукта и серийный номер указаны в описании тега alt

Выше скриншот тега изображения с тегом alt, скрытым внутри.

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

  • Изображения товаров
  • Диаграммы
  • Инфографика
  • Логотип вашего сайта
  • Скриншоты
  • Фотографии членов команды

Проверка правильности установки аналитики

Еще одна веская причина для проверки вашего исходного кода - убедиться, что у вас установлена ​​Google Analytics на каждой веб-странице вашего сайта.

Проверка очень проста. Для Google Analytics просто просмотрите исходный код своих веб-страниц и выполните поиск букв «UA».

Для Google Analytics просто просмотрите исходный код своих веб-страниц и выполните поиск букв «UA»

Если вы обнаружите, что за «UA» следует 7-значный номер, значит, вы подтвердили, что на этой странице установлена ​​Google Analytics . Кроме того, следите за тем, сколько раз «UA» появляется на вашей веб-странице. Иногда ваш код отслеживания аналитики будет добавлен несколько раз случайно, что не является необходимым. Если это так, ваш разработчик должен удалить лишние экземпляры.

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

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

Я люблю использовать xml-sitemaps.com чтобы получить текстовый файл со всеми URL-адресами моего сайта. Это дает мне контрольный список ресурсов, который помогает отслеживать, какие URL-адреса могут нуждаться в дополнительном внимании (например, на них установлена ​​аналитика). Это также отличный инструмент для оповещения о проблемах с дублированием контента и других странных вещах, которые могут скрываться на веб-сервере.

Даже xml-sitemaps.com даст вам только 500 результатов бесплатно. Возможно, вам придется попросить вашего разработчика предоставить вам инвентаризацию URL, чтобы у вас была полная карта вашего массивного веб-сайта. Кроме того, вы можете захотеть, чтобы они создали сценарий или программу для выполнения этих проверок, чтобы вам не приходилось делать их вручную.

Вот и все!

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

Об авторе: Sean Work любит SEO и контент. Не стесняйтесь задавать ему вопросы о SEO или архитектуре сайта, связавшись с ним на Twitter (@seanvwork) или же Linkedin ,

Похожие

Что такое SEO-проверка и почему это важно?
... ия: 2 минуты SEO остается ключевым аспектом любой успешной кампании цифрового маркетинга в 2018 году, и сегодня мы, 411 человек, поговорим о проверке SEO. Мы рекомендуем делать это, по крайней мере, один раз в год, и мы дадим вам более подробную информацию о сроке и том, что включает в себя процесс, ниже на этой странице. Что такое SEO-проверка?
Урок № 2. Продвижение сайта - как повысить видимость сайта
Если у вас уже есть собственный онлайн-бизнес, вы должны позаботиться о том, чтобы привлечь как можно больше посетителей без посетителей,
Узнайте, как использовать заголовки тегов
Заголовочные теги - это теги, используемые в структуре и организации страницы. Они важны не только для представления четкой структуры веб-страницы, но и для улучшения навигации ваших пользователей и поисковых систем. Они сообщают вам, какой контент наиболее важен на странице, создавая иерархию информации, которую будут понимать поисковые системы. Доступно шесть заголовочных тегов, из которых H1 является наиболее важным, а H6 - наименее
SEO оптимизация сайта
... как быть первым в поисковой системе, как быть первым в Google ? Как интернет-поисковики оказываются на позиции перед конкурентами? Наиболее уязвимая операция называется SEO оптимизация сайта . В большинстве случаев пользователи ищут дизайн сайта компании. Веб-сайт создается (как только дизайн согласован), и история останавливается, но история успешной страницы только начинается. Почему это только начинается? Когда на странице
Почему скорость страницы имеет значение для SEO вашего сайта
... код. Опять же, с помощью простого поиска вы можете найти некоторые плагины, которые справляются с этим, но история здесь в том, что, сократив код до минимума, он может значительно ускорить загрузку страницы. Часто кодеры оставляют комментарии в своем коде или добавляют дополнительный интервал, что создает более обширные, чем требуется, вызовы сервера. Избегайте перенаправлений целевой страницы - иногда бывает необходимо иметь перенаправления со страницы, но это также может привести
Повысить авторитет домена для вашего сайта
... итм Moz - это ранжирование, которое предсказывает, насколько хорошо данный сайт будет ранжироваться на странице результатов поисковой системы, основываясь главным образом на надежности ссылок сайтов, как внутренних, так и внешних. Оценка рассчитывается путем приравнивания связывающих корневых доменов, общего количества ссылок, MozRank и MozTrust, среди прочих факторов веб-страницы,
SEO проверка вашего сайта: часть 2 из 8 - Исследование ключевых слов
Исследование ключевых слов жизненно важно для любой эффективной кампании поисковой оптимизации. Если вы оптимизируете свой сайт по неправильным ключевым словам, вы можете упустить много трафика и потенциальных клиентов, которые пытаются найти то, что вы делаете. Я разбил процесс исследования ключевых слов по этапам, чтобы его было легче понять. Первоначальный список ключевых слов . Чтобы начать исследование ключевых слов, вы должны провести мозговой штурм в начальном
Редизайн сайта, модернизация или модернизация сайта
Быстрые и эффективные услуги по редизайну, обновлению или доработке веб-сайтов! В современном мире недостаточно просто иметь веб-сайт; конкуренция жесткая, и эксперты сходятся во мнении, что производительность веб-сайта должна оцениваться постоянно, а дизайн и функциональность сайта должны регулярно обновляться, обновляться и улучшаться, чтобы не отставать от конкурентов. Мы предоставляем
Как провести технический SEO-аудит: советы начинающим
... какой-либо SEO лучшие практические руководства Без сомнения, вы столкнулись со многими ссылками на важность технического SEO. Техническое SEO, которое относится к элементам поисковой оптимизации, которые помогают поисковым системам сканировать и индексировать ваш сайт, часто называют «основой» поисковой оптимизации. Это также может быть - как следует из названия - технические, и часто технические методы
Почему море соленое?
Томми Кларк / Getty Images По оценкам, в океанах мира достаточно соли , чтобы покрыть все поверхности земли планеты слоем толщиной около 40 этажей. Но морская вода не всегда была такой соленой; когда океаны Земли впервые образовались около 3,8 миллиардов лет назад, когда поверхность планеты достаточно охладилась, чтобы позволить водяному пару сжижаться, океаны были в основном пресной водой. Так откуда взялась
Итальянский каталог, почему важно зарегистрировать свой сайт?
... и SEO - это ресурсы, которые представляют список сайтов, организованных по категориям. Итальянские каталоги, в настоящее время активные и часто обновляемые, насчитывают около ста. Гораздо меньше, чем несколько лет назад, когда был настоящий бум, который привел к рождению тысяч итальянских каталогов, число которых постепенно уменьшалось в последующие годы. С другой стороны, каталоги, которые все еще функционируют и поддерживаются в хорошем состоянии, могут

Комментарии

Что именно там произошло, как это повлияло, на кого повлияло, как проверить и в основном - как исправить?
Что именно там произошло, как это повлияло, на кого повлияло, как проверить и в основном - как исправить? Давайте сделаем заказ. Как все это началось? Любой процесс Создайте сайт WordPress Включает рекомендации по установке плагина Joast. И нет строителя тоже
Конечно, сначала оптимизаторам сайта задают вопрос, какова тема самого сайта и что будут искать его пользователи, какую цель и какую информацию они потребляют и как им это нравится?
Конечно, сначала оптимизаторам сайта задают вопрос, какова тема самого сайта и что будут искать его пользователи, какую цель и какую информацию они потребляют и как им это нравится? В дополнение к плотности ключевых слов, значимости текста, полезности контента на сайте (как сегодня случалось спорить с правильным пользовательским сегментом для сайта), его удобному интерфейсу, правильному программному обеспечению и хорошему выбору хостинг партнер! Оптимизация на странице и на сайте в настоящее время
Как создать это и как использовать это для своего SEO?
Как создать это и как использовать это для своего SEO? Что такое файл robots.txt? Robots.txt - это текстовый файл, расположенный в корне вашего сайта. Этот файл предназначен для запрещения роботов поисковых систем индексирование определенные области вашего сайта. Файл robots.txt является одним из первых файлов, проанализированных пауками. Для чего это?
Как это влияет на то, как вы, как маркетолог B2B, должны работать с SEO?
Как это влияет на то, как вы, как маркетолог B2B, должны работать с SEO? Покупатель B2B становится все более цифровым и продвинутым в поиске информации в Интернете. Быть найденным для соответствующих вещей становится все более важным. В этом разделе подиума по продажам и рынку мы проводим интервью с экспертом по SEO Дэвидом Нильссоном, который дает нам советы и рекомендации. В конце стручка Дэвид предлагает первому связаться с ним через его сеть. seod.se/smpodd
Как это может повлиять на позиции вашего сайта?
Как это может повлиять на позиции вашего сайта? 23 сентября Google официально объявил о выпуске обновления алгоритма Google Penguin 4.0, которое появилось во всех языковых версиях Google и теперь работает в режиме реального времени. Не Марк Цукерберг Использовать Facebook? Скопировал в профиле уведомление о запрете использования ваших данных? Вы будете только улыбаться,
«Я бы не стал оптимизировать скорость как собственный проект, но как часть другого основного проекта, почему бы вам не сделать это быстрее?
«Я бы не стал оптимизировать скорость как собственный проект, но как часть другого основного проекта, почему бы вам не сделать это быстрее?» - написал в Твиттере Райан Джонс. 3. Важно проводить еженедельную проверку скорости сайта. Sandeep Mallya рекомендует еженедельно проверять скорость вашего сайта, чтобы определить, нуждается ли он в улучшении. Чтобы проанализировать производительность и скорость вашего сайта, вы можете использовать инструменты, которые назвали наши
Это можно думать как; Если посетитель, использующий поисковую систему, будет читать одинаковый контент со всех сайтов в результатах поиска, почему существует 10 сайтов?
Это можно думать как; Если посетитель, использующий поисковую систему, будет читать одинаковый контент со всех сайтов в результатах поиска, почему существует 10 сайтов? В этой статье изложены ответы на вопрос о том, как подготовить статьи, которые будут соответствовать критериям seo, оригинальности, высокого качества и удовлетворят посетителей, а также важность содержания. В конце статьи приводятся методы, которые можно рекомендовать для качественного содержимого в списках, методы, которые
Как выглядит это изображение после того, как мы сократили количество уникальных ссылок в нижнем колонтитуле, например?
Как выглядит это изображение после того, как мы сократили количество уникальных ссылок в нижнем колонтитуле, например? Ранее в нижнем колонтитуле было 5 уникальных URL-адресов для страниц, имеющих дело с «Условиями». Теперь это изменилось на тот факт, что есть только одна страница, которая содержит весь контент об условиях. Это уменьшает количество исходящих ссылок со страницы А на 5-1 = 4 ссылки. Таким образом, общее количество исходящих ссылок со страницы A теперь составляет 80-4 =
Если это очень мало новых посетителей сайта, что это значит?
Если это очень мало новых посетителей сайта, что это значит? Может быть доказательством того, что команда SEO ищет и нажимает на сайт, чтобы раздуть цифры. Проверьте, соответствует ли картина истории. Если они говорят, что у клиента было снижение трафика до начала процесса SEO, это на графике? Это увеличение доли gazillion просто скачок с первых нескольких посещений в день запуска сайта? И давайте даже не будем говорить о клоунах, которые с гордостью рассказывают вам, как они поставили «XYZ
Как вы можете определить, являются ли ваши ключевые слова слишком конкретными или слишком общими, и что вы можете сделать, чтобы найти лучшие фразы для вашего сайта?
Как вы можете определить, являются ли ваши ключевые слова слишком конкретными или слишком общими, и что вы можете сделать, чтобы найти лучшие фразы для вашего сайта? В этом руководстве мы рассмотрим весь анализ ключевых слов и поможем вам добиться успеха в SEO. Сначала вы должны рассмотреть вопрос об актуальности вашей аудитории. Это может показаться очевидным, но нет смысла оптимизировать ваш сайт под поисковый запрос или фразу, которая не имеет отношения к продуктам или услугам, которые
Почему это важно в SEO?
Почему это важно в SEO? Под посадкой понимается первая страница, на которую пользователь попадает на наш сайт. Пользователи не всегда посещают нас из HOME, поэтому в веб-аналитике имеет особый смысл исследовать страницы, на которые заходят пользователи: их посещения, их отскоки, их конверсию, их активность с лендинга и любые другие детали. , Те из нас, кто работает с CRO (Оптимизация коэффициента конверсии), прекрасно знают, как важно помнить обо всех наших землях. При

Что такое SEO-проверка?
Как быть первым в поисковой системе, как быть первым в Google ?
Как интернет-поисковики оказываются на позиции перед конкурентами?
Почему это только начинается?
Что именно там произошло, как это повлияло, на кого повлияло, как проверить и в основном - как исправить?
Как все это началось?
Конечно, сначала оптимизаторам сайта задают вопрос, какова тема самого сайта и что будут искать его пользователи, какую цель и какую информацию они потребляют и как им это нравится?
Как создать это и как использовать это для своего SEO?
Txt?
Для чего это?