banner_nika_hozyaike      banner_pos_bekker     banner_specpredl_roznica_2

11+ Основы дизайна сайтов и SEO

  1. Может ли параллакс и бесконечный свиток быть SEO-дружественным?
  2. Могут ли Flash и Java заниматься SEO?
  3. Адаптивный дизайн является обязательным
  4. Изображения для поисковых систем
  5. Изображения для пользователей
  6. Психология дизайна сайта и цвета
  7. Дизайн сайта - это SEO
  8. Мысли?

Нейт Дам

Генеральный директор и основатель

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

13 января 2015 г.

Какое отношение имеет дизайн сайта к SEO? Больше, чем вы думаете.

В конечном счете, Google хочет предоставить максимально возможный пользовательский опыт. Это конечная игра каждого обновления алгоритма и мотивация хора Мэтта Катта: «Создавайте отличный контент». Значимое взаимодействие с пользователем → улучшение по множеству показателей, которые Google активно отслеживает → улучшение SEO.

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

Привлечение дизайна сайта очень важно для SEO, что может помочь вашему ранжированию. Но Google все еще должен быть в состоянии индексировать даже самые привлекательные сайты - даже параллакс и бесконечные прокрутки!

Может ли параллакс и бесконечный свиток быть SEO-дружественным?

Двумя популярными тенденциями в веб-дизайне являются параллакс и связанная с ним бесконечная прокрутка. Параллакс сайты - как Cyclemon , Опасности Fracking , а также Tinké - прокрутите то, что выглядит как разные слои, при этом «фон» иногда кажется движущимся с разной скоростью. Бесконечные сайты прокрутки - как LinkedIn's Импульсная секция , Forbes' статьи и Кварцевые изделия - прокручивать ... бесконечно.

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

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

  • Не заставляйте весь свой сайт в одну (или очень небольшое количество) страниц параллакса. Вместо этого, если параллакс - это то, что понравится вашей аудитории, используйте принципы дизайна параллакса для своей домашней страницы или ключевых страниц продаж, продолжая при этом публиковать содержательные страницы, которые Google может индексировать и ранжировать.
  • В общем, не помещайте слишком много контента в одну страницу параллакса. Раздел 3b большой страницы с параллаксом будет сложно ранжировать по конкретному ключевому слову, независимо от того, насколько креативно вы станете с кодированием страницы и веб-сайта. Лучшие страницы / сайты с параллаксом предлагают впечатляющий визуальный опыт, легкий текст и ссылки на более глубокие (более длинные) ресурсы на других страницах.
  • Запомните URL! Если ваш веб-сайт с бесконечной прокруткой отображает новые статьи по мере их прокрутки вниз, что произойдет, если пользователь попытается поделиться или дать ссылку на пятую или десятую статью, к которой он пришел, на странице? Если URL-адрес в браузере пользователя по-прежнему является URL-адресом для первой статьи, возникнут проблемы. И, возможно, не менее важно, как Google сможет индексировать контент для отображения с помощью бесконечной прокрутки?

Google рекомендует использовать бесконечную прокрутку с нумерацией страниц, чтобы можно было индексировать все содержимое сайта. Правильно настроенный XML-файл сайта, который включает URL-адреса для каждого актива контента или страницы, также важен. А также API истории HTML5 также следует использовать для изменения URL в браузере, когда пользователь прокручивает страницу вверх и вниз.

Могут ли Flash и Java заниматься SEO?

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

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

Если вы используете проигрыватели Java для отображения видео, рассмотрите возможность создания канала YouTube и добавления видео с кодом для вставки видео YouTube. Это дает дополнительное преимущество, заключающееся в создании социального присутствия для вашего бренда на YouTube, чтобы представить ваш контент новым глазам. Поиск на YouTube вторая по популярности поисковая система рядом с Google.com, поэтому разумное использование ключевых слов для заголовков и описаний видео увеличит посещаемость вашего сайта и видео. (Не забудьте и о своем файле Sitemap для видео XML)

Адаптивный дизайн является обязательным

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

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

Изображения для поисковых систем

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

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

Изображение Cred: Moz, «Дизайн для SEO»

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

Изображения для пользователей

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

Высококачественные релевантные изображения снижают показатель отказов и повышают заинтересованность пользователей:

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

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

  • Средний пользователь ждет около три секунды для изображений загрузить (шесть секунд, на мобильный телефон), прежде чем вернуться.
  • На страницах с большим количеством изображений, как и на многих розничных сайтах, плохие изображения могут замедлять работу всего сайта и снижать продажи. Amazon.com подсчитал, что одна дополнительная секунда времени загрузки на их сайте обойдется компании около 1,6 миллиарда долларов каждый год.

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

Некоторые советы по использованию изображений на ваших страницах:

  • Включите расширенный текст alt и описательное имя файла (не «IMG_0342»)
  • Уменьшите размеры файлов. Как правило, держите их ниже 70 кб, но есть другие соображения ,
  • Не используйте изображения в своих заголовках или ссылках.

Психология дизайна сайта и цвета

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

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

  • Желтый - привлекает внимание
  • Красный - создает срочность, поэтому вы часто видите это в рекламных объявлениях распродажи. (Будьте осторожны, слишком много красного может вызвать беспокойство, что означает отсутствие щелчков.)
  • Синий - означает доверие и безопасность, поэтому вы часто видите его в отношении банков и бизнеса.
  • Зеленый - легче всего обрабатывать глазами, он расслабляет и часто ассоциируется с богатством.
  • Оранжевый - агрессивный, он создает отличный CTA.
  • Розовый - используется исключительно для женщин и девочек, он говорит «Барби» для самых маленьких и «Секрет Виктории» для пожилых.
  • Черный - изысканный и элегантный, черный используется для продажи на рынке предметов роскоши.
  • Фиолетовый - спокойный и спокойный, фиолетовый часто используется для продажи косметических или омолаживающих товаров / услуг.

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

Дизайн сайта - это SEO

Дизайн сайта и стратегия SEO должны идти рука об руку. Если вы только начинаете на своем сайте, спланируйте их вместе. Если ваш сайт уже запущен, проведите инвентаризацию дизайна. (Каков показатель отказов? Насколько велики ваши изображения? Может ли ваша навигация поддерживать контентную стратегию?) Затем приступайте к оптимизации дизайна вашего сайта, чтобы дополнить ваш убийственный SEO.

Мысли?

Мы рады услышать ваши отзывы, вопросы или вдохновение по поводу этого поста.
Хит нас на facebook , щебет , или же LinkedIn ,

Может ли параллакс и бесконечный свиток быть SEO-дружественным?
Могут ли Flash и Java заниматься SEO?
Какое отношение имеет дизайн сайта к SEO?
Может ли параллакс и бесконечный свиток быть SEO-дружественным?
И, возможно, не менее важно, как Google сможет индексировать контент для отображения с помощью бесконечной прокрутки?
Могут ли Flash и Java заниматься SEO?
Каков показатель отказов?
Насколько велики ваши изображения?
Может ли ваша навигация поддерживать контентную стратегию?

Наш магазин

Сезонные товары

Icon    Доставка в течение дня
Icon    Работаем с 09:00 до 18:00 кроме выходных
Icon    Возврат в течении 14 дней
Icon    Гарантия на все товары