SEO для блогов Tumblr

1. Скачать темы
2. Смешанные отзывы о Tumblr
3. Лучшая практика SEO
4. Бит науки
5. Настройки и кодирование
6. Начальник отдела
7. Тело HTML
8. Спасибо

Tumblr является превосходной платформой для публикации блога.

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

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

Скачать темы

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

Скачать тему « Совершенно новый день» Скачать тему Brain Itches

Живые демонстрации: я настроил блоги Tumblr, чтобы показать оптимизированные темы здесь:

Смешанные отзывы о Tumblr

Если бы мне пришлось выделить несколько основных функций, которые делают Tumblr таким замечательным, они были бы:

• мучительно легко создавать новые посты;
• у них есть отличные (и, конечно, легкие) возможности для повторного ведения блогов / ' i-like-this ', которые превращают множество разнородных потоков в сообщество;
• создание тем для сайта доступно любому html / css разработчику, поэтому есть хорошая коллекция стилей и тем;
• Вы можете использовать свое собственное доменное имя для своего блога Tumblr.

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

• Ваш блог Tumblr теперь должен получать больше посетителей (из поисковых систем)

или же

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

Лучшая практика SEO

В оставшейся части этого поста рассказывается, как настроить любую тему Tumblr для оптимизации под SEO.
Мы должны начать с нескольких суровых истин «Best Practice SEO»:

• каждый пост должен быть доступен в уникальном месте
• каждая страница должна иметь <title> и <h1>, которые содержат наиболее важную информацию / ключевые слова, относящиеся к этой странице
• ключевые слова также должны быть доступны в URL, если это возможно
• с каждым сообщением должна быть ссылка, чтобы Google мог найти его, проиндексировать и отобразить в результатах поиска (преимущество правильной ссылки на каждое сообщение заключается в том, что обычные пользователи, которые хотят поделиться сообщением, с большей вероятностью будут ссылаться непосредственно на него. пост, а не просто ссылка на вашу главную страницу)
• Вы должны ссылаться на каждый пост, используя самые важные ключевые слова - это, вероятно, будет заголовок, поэтому используйте его для ссылки на пост.
• если вы дважды ссылаетесь на страницу с одной и той же страницы, Google принимает к сведению только первую ссылку, поэтому убедитесь, что она содержит ключевые слова (а не «постоянную ссылку» или «3 комментария» и т. д.)
• Мета-описание часто используется Google в качестве фрагмента, который он отображает в результатах поиска. Если нет мета-описания, оно займет наиболее подходящую часть страницы
• содержание каждой страницы должно быть уникальным, а заголовок и мета-описание каждой страницы также должны быть разными
• Ваш HTML должен быть как можно более семантическим.

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

Бит науки

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

Настройки и кодирование

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

Далее в этом меню дважды проверьте, отмечены ли оба параметра: «Разрешить поисковым системам индексировать тумблоги» и «Пинговать блогосферу».

С точки зрения «семантического HTML»: убедитесь, что ваша тема использует реальные элементы HTML: <p>, <div>, <span>, <h1>, <h2>, <em>, <strong> и т. Д. (One из моих любимых тем использует <n1> и <n2> в качестве заголовков и использует <i> и <b>, когда <em> и <strong> следует использовать в предпочтении.)

Начальник отдела

В разделе вашей темы убедитесь, что тег содержит заголовок сообщения, если таковой существует: <title> {block: PostTitle} {PostTitle} - {/ block: PostTitle} {Title} </ title> Все еще в разделе , нет отличного способа предоставить отдельный текст для описания мета, поэтому, если он существует в теме: удалите его. Я обещаю, вы получите лучшие фрагменты в результатах поиска.

Тег, который вы хотите удалить, будет выглядеть примерно так:

<meta name = "description" content = "Мой блог великолепен." /> Вы также должны зарегистрировать свой блог в Google Webmaster Central. Чтобы подтвердить свой блог, вам будет предоставлен фрагмент HTML-кода для вставки в заголовок раздела страницы.

Тело HTML

На главной странице вашего блога название блога - это самое важное, поэтому вы захотите поместить его в тег H1. При просмотре другой страницы на сайте, будет другой более важный текст (как правило, заголовок сообщения), поэтому вы захотите, чтобы название блога было на других страницах. Этот код делает это за вас: {block: IndexPage} <h1 class = "blogtitle"> <a class="default" href="/"> {Title} </a> </ h1> {/ block: IndexPage} {block: PermalinkPage} <h2 class = "blogtitle"> <a class="default" href="/"> {Title} </a> </ h2> {/ block: PermalinkPage}

Теперь вам просто нужно обновить CSS, чтобы отобразить h1.blogtitle и h2.blogtitle одинаково.

NB. Я убедился, что заголовок ссылается на первую страницу блога. Вам также следует попытаться создать темы, чтобы этот заголовок был первой ссылкой на главную страницу. Это гарантирует, что текст привязки, передаваемый на главную страницу блога, будет заголовком блога, а не каким-либо навигационным термином, например «Домой».

Вы хотите сделать то же самое на страницах текстовых сообщений. Вы или администратор блога должны всегда добавлять заголовок при создании текстовых сообщений. Здесь заголовок сообщения должен быть <h2>, когда он появляется на странице индекса, <h1>, когда он находится на странице постоянной ссылки:

{block: Title} {block: IndexPage} <h2> <a href="‹Permalink broadcast"> {Title} </a> </ h2> {/ block: IndexPage} {block: PermalinkPage} <h1> {Title } </ h1> {/ block: PermalinkPage {/ block: Title}

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

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

Это станет шоком, особенно для опытных пользователей Tumblr. Если вы хотите опубликовать видео, просто возьмите код для вставки с Youtube (или там, где оно размещено) и вставьте его в ваш контент. Для изображений просто загрузите их на Imgur.com, и он автоматически предоставит вам фрагмент кода HTML, который можно вставить в сообщение.

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

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

Например:

{block: IndexPage} <h2> <a href="‹Permalink automotive"> Фото: {DayOfMonth} <sup> {DayOfMonthSuffix} </ sup> {ShortMonth} '{ShortYear} </a> </ h2> <div class = "imageHolder"> <a href="‹Permalink‹"> <img src = "{PhotoURL-500}" alt = "{PhotoAlt}" /> </a> </ div> {/ block: IndexPage} {block: PermalinkPage} <h1> Фото: {DayOfMonth} <sup> {DayOfMonthSuffix} </ sup> {ShortMonth} '{ShortYear} </ h1> <div class = "imageHolder"> {LinkOpenTag} <img src = " {PhotoURL-500} "alt =" {PhotoAlt} "/> {LinkCloseTag} </ div> {/ block: PermalinkPage}

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

Вы должны сделать то же самое с видео постами.

Наконец, я собираюсь использовать инструмент Social Bookmaking из AddThis.com , Вы должны включить следующее в конце раздела «сообщения»:

<div class = "sharethis"> <a href = "http://www.addthis.com/bookmark.php" onmouseover = "return addthis_open (this, '', '{Permalink}', '{block: Title} {Title} {/ block: Title} ') "onmouseout =" addthis_close () "onclick =" return addthis_sendto () "> <img src =" https://s7.addthis.com/static/btn/lg-share -en.gif "width =" 125 "height =" 16 "alt =" Bookmark and Share "style =" border: 0 "/> </a> <script type =" text / javascript "> var addthis_options = 'email , избранное, твиттер, фейсбук, вкусно, digg, reddit, stumbleupon, tumblr, more '; </ script> <script type = "text / javascript" src = "https://s7.addthis.com/js/250/ addthis_widget.js "> </ script> </ div>

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

Спасибо

Темы, которые были оптимизированы для этого поста, являются оригинальной работой:

Похожие

Комментарии