Отзывчивый веб-дизайн лучшие практики для SEO

1. Примеры брендов
2. Проверьте SEO-факторы на странице
3. Работа над контентом
4. Рассмотрим элементы веб-дизайна
5. Ключевые выносы включают в себя:
6. Дополнение к автономным кампаниям
7. Мобильность - это только начало

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

Фактически, один поиск «мобильности» или «адаптивного веб-дизайна» даст тысячи результатов. Хотя все больше и больше предприятий переходят на адаптивный веб-дизайн (RWD), сейчас возникла новая проблема: слишком много внимания уделяется мобильным технологиям .

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

Чтобы получить РЕАЛЬНОЕ преимущество над конкурентами (которые также используют RWD), вам необходимо использовать все имеющиеся в вашем распоряжении инструменты цифрового маркетинга.

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

Но это все, что есть .

Это может помочь с конверсией и мобильным SEO, но это НЕ БУДЕТ, если вы на самом деле не выполните SEO и оптимизацию конверсии .

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

Ким Краузе Берг , президент Creative Vision Web Consulting , подробно рассказала об этом в своей статье о переезде за пределами требований Google для мобильных устройств , Она указала, что, хотя веб-сайты и могут проходить тест Google для мобильных устройств, это не означает, что их целевой аудитории понравится то, что они увидят. Есть и другие факторы (такие как контент, ссылки, общее удобство использования и скорость сайта), которые могут помешать пользователям быть довольными вашим сайтом.

Примеры брендов

Даже громкие имена в бизнесе время от времени совершают ошибки.

Один из веб-сайтов, прошедший тест Google для мобильных устройств с летающими цветами, Mashable ,

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

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

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

Это была бы блестящая идея - если бы не две ловушки.

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

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

The Daily Mail похоже, извлекли уроки из вышеупомянутых сайтов.

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

Приложение Daily Mail, с другой стороны, может быть загружено на их веб-сайте, в App Store, а также в Google Play и работает на таких устройствах, как Kindle и Blackberry.

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

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

Проверьте SEO-факторы на странице

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

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

Вот несколько важных вопросов:

• Каковы мои ключевые слова и где они находятся в содержании?
• Правильно ли структурирован и понятен мой URL?
• Использую ли я теги заголовка для заголовков и подзаголовков?
• Мои ссылки актуальны?
• Является ли мой контент разнообразным и интересным (т. Е. Сочетанием текста, изображений, видео и других мультимедиа)?
• Я использую alt теги на фотографиях? Они описательные?
• Есть ли соответствующие внутренние ссылки на соответствующие страницы на моем сайте?
• Есть ли у меня битые / отсутствующие ссылки?
• Насколько быстро работает мой сайт?

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

Работа над контентом

Красивый сайт - ничто без контента.

Так что же такое «отличный контент»? К сожалению, это субъективно.

Это ваши читатели, которые решат, стоит ли их время или нет. Хорошее практическое правило - знать, для кого вы создаете контент, и делать то, что ОНИ хотят видеть .

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

Сделайте свое исследование.

Buzzsumo это отличный инструмент для поиска трендового контента в Интернете; в то время как Шиворот это удобный ресурс для поиска связанных тем в социальных сетях. Это должно помочь вам избежать убыточных тем.

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

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

По этому аспекту нужно понимать КОГДА и ГДЕ публиковать посты .

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

• Преобразуйте действенное утверждение из статьи в цитату с изображением и поделитесь ею в Twitter вместе со ссылкой на статью.
• Поделитесь своим постом в избранных группах Facebook и Google+, чтобы получить дополнительную заинтересованность.
• Выберите одну потрясающую фотографию и закрепите ее на доске Pinterest. Не забудьте добавить описание!
• Превратите свою статью в коллекцию остроумных гифок и поделитесь на Tumblr.

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

Ано Тип контента, который так же силен, - это отзывы клиентов . Даже только два или три отзыва сделали бы сильное заявление, когда люди посещают ваш мобильный сайт.

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

Рассмотрим элементы веб-дизайна

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

Ключевые выносы включают в себя:

• Размещайте всю важную информацию на видных местах - разместите ОДИН главный CTA, изображение и убедительную копию на лицевой стороне и в центре, где пользователи фокусируют свое внимание.
• Не усложняйте ситуацию - удаляйте ненужные поля из форм ввода, минимизируйте выбор в скользящих меню, отображайте только лучшие предложения и т. Д. Когда люди сталкиваются со слишком большим количеством опций, это естественный инстинкт, чтобы НЕ делать выбор вообще. Сужая выбор, пользователи чувствуют себя более уверенно, чтобы действительно что-то выбрать.
• Используйте пространство разумно - мобильные экраны не такие большие, как настольные компьютеры, поэтому максимальное использование свободного места необходимо для получения необходимых результатов. Например: логотип вашего бренда может стать ссылкой, чтобы помочь пользователям вернуться на главную страницу.
• Четкая и правильная маркировка - расплывчатые термины часто могут запутать пользователей; приводя к показателям отказов. Сохраняйте это простым, правильно маркируя ссылки.
• Позвольте им просматривать без обязательств - Предлагайте выбор загрузки приложения или входа в систему как частый подписчик - однако, НЕ делайте это обязательным. Некоторые люди просто хотят осмотреться. Сделать это легко для них.

Три другие вещи, на которые вы должны обратить внимание при полировке вашего RWD: плагины, всплывающие окна и Flash ,

Если вам абсолютно необходимы элементы Adobe Flash Player , отправьте их на рабочий стол, а не на свой мобильный сайт. Будьте осторожны при выборе плагинов, потому что большинство мобильных устройств не могут отображать их очень хорошо. Это может привести к задержке загрузки и даже сбоям.

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

Дополнение к автономным кампаниям

Почему отзывчивость должна прекратиться с мобильным сайтом?

Некоторые бренды делают еще один шаг вперед, реагируя на поведение потребителей даже до того, как будет принято решение.

Приложение Apple Passbook делает это только для владельцев карт Starbucks. Как только пользователь интегрирует данные своей карточки Starbucks в Passbook, приложение автоматически выдаст предупреждение, если вы находитесь рядом с кафе.

Заметили ли вы те несколько секунд, когда вам интересно, что делать, где поесть или что купить?

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

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

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

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

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

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

Мобильность - это только начало

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

Однако не забудьте проверить, что другие факторы вашей маркетинговой кампании также безупречны .

Тяжелая работа имеет решающее значение в современной конкурентной отрасли - но ГДЕ мы концентрируем все эти усилия, это так же важно. Прекратите смотреть на крошечное пятнышко и научитесь брать более широкую картину.

Хотите узнать, является ли ваш адаптивный дизайн оптимизированным для SEO? Запросить мобильный SEO-аудит сейчас!

Как ваши SEO элементы? Хорошо ли они включены в ваш RWD? Дайте мне знать, что вы думаете в комментариях.

Похожие

Комментарии