Как создать боковые панели, которые помогают SEO

1. Два Боковых Панциря
2. 1. Используйте призыв к действию
3. 2. Популярные / Избранные посты
4. Четыре виджета для (пере) рассмотрения
5. 1. Последние сообщения
6. 2. Социальное доказательство
7. 3. Панель поиска
8. 4. Категории
9. Пять виджетов, которые не относятся к боковой панели
10. 1. Облако тегов
11. 2. Социальные кнопки
12. 3. Последние твиты / 'граммы / булавки
13. 4. Последние комментарии
14. 5. Дата / месяц Архивы
15. 6. Блогролл
16. Пять советов для эффективных боковых панелей
17. 1. Куратор вашей боковой панели
18. 3. Очистить беспорядок
19. 4. Зарабатывайте очки стиля
20. До
21. После
22. 5. Всегда проверяйте

Боковая панель является важной частью недвижимости, потому что она находится рядом с вашим контентом. Это может отвлекать, привлекать или полностью игнорироваться вашими читателями.

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

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

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

Два Боковых Панциря

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

1. Используйте призыв к действию

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

Этот минималистский CTA на CarRentals.com становится понятным. Оранжевая кнопка выскакивает, не будучи слишком гладкой.

Еще лучше, чтобы призывы к действию выглядели индивидуально для вашего сайта. По данным Nielsen Norman Group, если это выглядит как реклама, пользователи с большей вероятностью проигнорируют ее. Вместо того, чтобы просто сказать «Подпишитесь на нашу рассылку», используйте фирменный тон и голос, который подходит вашей аудитории.

2. Популярные / Избранные посты

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

Три примера того, как стилизовать почтовые виджеты. Используете ли вы изображения или нет, стиль имеет значение. Слева направо: Bloomberg.com, WSJ.com, LATimes.com.

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

Четыре виджета для (пере) рассмотрения

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

1. Последние сообщения

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

Другая потенциальная проблема с недавними сообщениями - дублирование. На этой странице самое последнее сообщение читается читателем.

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

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

2. Социальное доказательство

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

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

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

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

3. Панель поиска

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

В сторону (каламбур!), Это лучше всего размещать окна поиска там, где пользователи ожидают их найти , Обычно это означает в шапке. Менее 1% пользователей считают, что заглядывают в правую боковую панель, когда они готовы к поиску.

4. Категории

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

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

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

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

Пять виджетов, которые не относятся к боковой панели

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

1. Облако тегов

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

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

2. Социальные кнопки

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

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

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

Не путайте читателей со слишком большим выбором , Размещайте кнопки «Поделиться» на видном месте в посте и размещайте ссылки на внешние социальные свойства в верхнем или нижнем колонтитуле вашего сайта. Если новые подписчики YouTube являются KPI этого квартала, то создайте уникальный CTA, чтобы побудить пользователей нажимать и направлять их на ваш канал. Обычная иконка YouTube в любом случае не принесет много пользы.

3. Последние твиты / 'граммы / булавки

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

Вы можете быть первоклассным пользователем социальных сетей, наполненным остроумными наблюдениями, но извлечение контента со сторонних сайтов замедлит скорость загрузки вашей страницы. По состоянию на 2017 год Facebook и Twitter занимали 4 из 12 лучших слотов Yottaa's Грязная дюжина »Список файлов Javascript, замедляющих работу сети.

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

4. Последние комментарии

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

5. Дата / месяц Архивы

Список дат не дает читателям никаких стимулов нажимать. Другим вариантом выделения более старого контента может быть виджет «Эта неделя в истории», содержащий один пост с фотографией.

Когда вы в последний раз посещали блог и думали про себя: «Ну и дела, интересно, что интересного написал этот автор в августе 2013 года?»

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

6. Блогролл

1998 называется; они хотят, чтобы их блог откатился назад.

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

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

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

Пять советов для эффективных боковых панелей

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

1. Куратор вашей боковой панели

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

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

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

Вот несколько идей по настройке контента на боковой панели.

• Поместите CTA для вашей новой свадебной книги DIY на сообщения в категории «Свадьба».
• Измените формулировку вашей регистрации по электронной почте, чтобы включить категорию сообщения: Хотите больше сообщений о садоводстве, подпишитесь здесь.
• Показывать «Похожие сообщения» на страницах блога и «Последние сообщения» в архивах со старым содержанием.
• Используйте теги, чтобы показать CTA YouTube в сообщениях с видео или CTA в Твиттере на сводных публикациях, в которых перечислены лидеры мнений Twitter.

3. Очистить беспорядок

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

UX-тестирование от Smashing Magazine обнаружил, что липкие меню были на 22% быстрее для навигации и предпочитали 100% пользователей, которые имели предпочтения. Фиксированная боковая панель немного отличается, но вероятно, что преимущества будут аналогичными.

4. Зарабатывайте очки стиля

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

До

Вот так выглядят самые последние / избранные / связанные виджеты постов - очень простой список ссылок.

После

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

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

5. Всегда проверяйте

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

A / B-тестирование может быть таким же простым, как смена боковой панели на несколько недель и глядя на вашу аналитику , Если вы хотите копать глубже, такие инструменты, как Нелио есть плагины WordPress, чтобы упростить настройку тестовых страниц и сбор данных.