Овладение SEO - цветовая кодировка

1. Во-первых, что такое SEO?
2. Использование alt-тегов с изображениями
3. Почему имя файла имеет значение?
4. Имя файла Дженнифер было хорошим, но теги alt можно было улучшить
5. Сделайте ваши ссылки SEO дружественными
6. Заголовки - это схема вашего поста
7. Использование разметки схемы для описания вашего контента
8. Без разметки

О, черт возьми! Цветовая кодировка чат был ФАНТАСТИЧЕСКИМ! У нас было около 10 человек в чате, который идеально подходил для более интимного разговора типа «один на один». Я думаю, что все вышли из чата с гораздо лучшим пониманием SEO. 🙂

Мы охватили четыре основных направления:

• Использование alt-тегов с изображениями
• Лучший способ настроить ваши ссылки (какой текст вы должны сделать «кликабельным»?)
• Как правильно использовать теги заголовков в своих сообщениях (и почему вы должны это делать!)
• Затем, ради интереса, мы углубились в продвинутую тему разметки Schema.org.

Во-первых, что такое SEO?

SEO расшифровывается как поисковая оптимизация. Проще говоря, это все об увеличении трафика на ваш блог с помощью поисковых систем. Так что это обычно означает стремление к тому, чтобы ваш блог появлялся в результатах поиска чаще, и чтобы рейтинг был выше (как на первой странице, а не на странице 10).

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

Сегодня я расскажу только о четырех темах, связанных с SEO, но на самом деле есть гораздо больше, чем это!

Использование alt-тегов с изображениями

Тэги Alt в первую очередь существуют по двум причинам: для слепых и для поисковых систем. Что общего между этими двумя вещами? Никто из них не может видеть изображение. Без небольшой дополнительной помощи они понятия не имеют, что это за изображение!

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

Храбрая Дженнифер из Плохая Птица Читает предложил один из ее изображений для критики. Ее HTML был:

На ее примере мы рассмотрели две вещи:

• Имя файла изображения
• Альт теги

Почему имя файла имеет значение?

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

Изображение-2.jpg
- или же -
взять меня-на-Кейти-mcguire.jpg

Второй относится к названию книги и автору, так что это идеально подходит для обложки книги! Но первый ... он НИЧЕГО не говорит нам, кроме того, что это изображение (что уже было очевидно).

Имя файла Дженнифер было хорошим, но теги alt можно было улучшить

У Дженнифер есть название книги в названии файла ее изображения (cover-the-vines-200x300.jpg), но теги alt (alt = "cover the vine") могут быть немного улучшены, чтобы добавить имя автора. Я бы предложил: alt = "Обложка книги The Vine Кристофера Райса"

Сделайте ваши ссылки SEO дружественными

Многие блоггеры впадают в дурную привычку использовать неописательные ссылки. Вот пример:

Текст, на который вы ссылаетесь, «здесь». Google может прочитать ссылку и текст, но все, что она связывает со ссылкой, это «здесь». Это не очень описательно, не так ли? Лучше дать поисковым системам как можно больше информации о том, где вы их берете. Итак, имея в виду, вот лучший пример:

В этом примере я помогаю Google ассоциировать «https://www.nosegraze.com» с тем, что он «мой блог» и называется «Nose Graze». Это дает Google гораздо больше информации, чем просто «здесь».

И пока мы находимся на тему ссылок, важно, чтобы вы постоянно ссылались на свой собственный контент в своих сообщениях в блоге. Если вы пишете отзыв о Allegiant Вероника Рот и вы упомянули что-то о расходящийся , вы должны сослаться на ваш Divergent обзор, когда вы упомянули об этом! Это называется внутренней связью. Вы соединяете свои сообщения в блоге вместе. Google любит это!

Заголовки - это схема вашего поста

Теги заголовков (<h1> heading one </ h1>) имеют большее значение для поисковых систем, чем обычный текст абзаца. Например, допустим, вы хотите получить звание «Возьми меня». Для вас было бы более выгодно использовать «Take Me On» внутри тега заголовка (или двух), чем для того, чтобы просто сказать это в обычном абзаце. Заголовочные теги считаются важными заголовками разделов.

Теги заголовков варьируются от h1 (наиболее важный) до h6 (наименее важный). Эти заголовочные теги следует использовать и вкладывать в виде контуров в отчете или документе. Вы начинаете с самого важного (h1) и идете вниз, но правильно вкладываете их в подзаголовки. Вот пример того, что я имею в виду:

Так что, если мы подумаем об этом в контексте рецензирования книги, вот один из возможных вариантов для вас:

Использование разметки схемы для описания вашего контента

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

Или вы когда-нибудь видели булавку на Pinterest со всей информацией о рецептах, добавляемой автоматически?

Все это благодаря разметке схемы . Разметка схемы - это дополнительный код, который вы можете добавить к своим сообщениям, чтобы лучше описать их в поисковых системах (а иногда и в социальных сетях, таких как Pinterest). Вы можете сказать Google: это обзор книги, и я дал ей 5 из 5 звезд. Или: это рецепт приготовления хлеба, который займет 30 минут и использует эти ингредиенты и даст вам 1 буханку. Так что в случае с рецептом вы можете сказать поисковым системам:

• Время готовить
• Способ приготовления (жарка, приготовление на пару и т. Д.)
• Ингредиенты
• Пищевая ценность (калории, жир и т. Д.)
• Время приготовления
• Категория еды (закуска, закуска и т. Д.)
• инструкции
• Выход рецепта (количество произведенного, например, 1 буханка)
• и больше!

Затем вся эта информация может быть проанализирована поисковой системой (или Pinterest!). Иногда Google даже меняет макет поискового списка на основе разметки схемы. Мол, помнишь эти звезды? Иногда Google выбирает их отображение в результатах поиска!

Недостатком является то, что это не очень легко. Он включает в себя много дополнительного кода, который поначалу может сбить с толку и запугать. Вы можете проверить разметка рецепта на Schema.org , Я считаю, что проще всего прокрутить до самого дна, где у них есть пример. Вы можете просмотреть его «Без разметки», который представляет собой просто текст. Затем вы можете нажать «Микроданные» и посмотреть, как они изменились с добавленной разметкой схемы. (Вы можете игнорировать вкладки RDFa и JSON-LD.)

Вот пример рецепта:

Без разметки

С разметкой схемы

Хотите присоединиться к следующему чату?

Следующий чат будет посвящен инструментам дизайнера / блогов и тому, как настроить FTP-доступ для вашего блога. Если вам интересно, присоединяйтесь к нам в воскресенье, 28 сентября, в 21:00 по британскому времени .

Чтобы присоединиться к чату, создайте и активируйте аккаунт на BookBlogging.net , Затем, когда чат собирается начать, посетите страница чата на форуме , Комната чата ограничена до 50 человек, поэтому убедитесь, что вы входите рано!

У вас есть идеи для будущих тем чата? Есть что-нибудь, что вы хотите узнать или обсудить?

Похожие

Комментарии