Нахождение баланса между SEO и удивительным дизайном сайта

  1. Навигация по сайту
  2. Содержание: меньше или больше?
  3. Какие виды контента?
  4. Индексируемый контент
  5. Изображения продуктов и сайтов
  6. Пройдя грань между SEO и дизайном

При составлении веб-сайта вашего клиента необходимо учитывать две основные вещи: потребители и поисковые системы

При составлении веб-сайта вашего клиента необходимо учитывать две основные вещи: потребители и поисковые системы. Вам нужен SEO-дружественный сайт это оптимизировано для поисковых систем, так что вы обнаруживаетесь в Google, когда потребители ищут ваши продукты. Это первая проблема, тем более что даже в 2016 году Google сказал Search Engine Land, что они « обрабатывается не менее 2 триллионов запросов в год «.

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

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

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

Итак, как вы находите баланс, когда у вас есть противоречивые предложения от команды SEO и команды веб-разработчиков?

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

Вам также может понравиться: Канонические URL: что это такое и почему они важны ?

Навигация по сайту

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

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

Базовый пример этого можно найти на www.colollection.com:

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

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

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

Вот как выглядит этот объем поиска для некоторых новых подкатегорий, которые они могут построить для категории штанов:

Чтобы получить более высокий рейтинг на странице результатов поисковой системы Google (SERP), эти страницы подкатегории должны быть ориентированы на ключевые слова, по которым они рассчитывают получить рейтинг.

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

Веб-сайт REI является отличным примером SEO-дружественной навигации по сайту - у них очень большая навигация для каждой категории на сайте. Например, когда вы нажимаете на категорию «Лагерь и поход», вы получаете огромный список страниц подкатегорий.

Например, когда вы нажимаете на категорию «Лагерь и поход», вы получаете огромный список страниц подкатегорий

У них обширная навигация, которая хороша для SEO, но не всегда соответствует бренду. Как вы уравновешиваете два противоречивых предложения?

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

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

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

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

Дополнительные моменты, которые следует учитывать при попытке оптимизации для людей и поисковых систем:

  • Использование иерархии контента. Это организует страницы вашего сайта по категориям и подкатегориям. Если у вас есть более десятка продуктов на странице, вы можете рассмотреть возможность создания страницы подкатегории.
  • Перекрестные ссылки между страницами. SEO и контент-команды создают полезные посты в блогах, часто задаваемые вопросы и другой контент, который может направлять больше трафика на страницы продукта и наоборот. Горизонтальные ссылки позволяют пользователям получить дополнительную информацию о ваших продуктах и ​​/ или компании, а также усиливают ваши усилия по SEO.
  • Не нужно думать. В конечном итоге, навигация по вашему сайту не требует большой мозговой мощности , Ваш сайт должен четко ориентировать пользователей, куда идти.

Вам также может понравиться: 10 технических SEO советов, чтобы получить максимум от сайта электронной коммерции ,

Содержание: меньше или больше?

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

Веб-разработчики часто не учитывают это при разработке сайта. Например, изображение `.jpg` с наложением текста не считается контентом для поисковой системы. Поисковая система увидит изображение, но не сможет прочитать текст, если он не помещен на сайт в текстовом коде HTML.

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

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

Какие виды контента?

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

Для магазинов Shopify это означает потенциально иметь контент на ваших клиентах:

  • домашняя страница
  • Коллекционные страницы
  • Страницы категорий
  • Страницы подкатегории
  • Страницы продукта

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

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

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

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

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

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

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

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

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

Индексируемый контент

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

Чтобы сайт можно было сканировать, основное содержание каждой страницы должно быть в текстовом формате HTML, поскольку это самый простой способ для Google понять, о чем эта страница.

«Если поисковая система может легко сканировать сайт - легко исследуя, читая и понимая содержание на каждой странице сайта, - то это считается SEO-дружественным сайтом»

Одной из самых больших проблем, с которыми сталкиваются команды веб-разработчиков и SEO, является использование JavaScript против HTML. HTML отлично подходит для Google, но ему не хватает функциональности, которую обеспечивает JavaScript, поскольку сайты разрабатываются с использованием различных сред JavaScript, таких как Angular, React и другие. Из-за этого многим разработчикам нравится использовать JavaScript, чтобы сайт выглядел и функционировал определенным образом.

Тем не менее, все эти разные Программы Javascript могут вызвать проблемы для поисковых систем Из-за таких ошибок, как ошибки в коде, рендеринг на стороне клиента и т. д. Google требуется много времени для загрузки, рендеринга (синтаксического анализа, компиляции и выполнения кода JS), извлечения внешних ресурсов и последующей индексации этой информации. Чем больше вы добавляете в свою библиотеку JS, тем больше ресурсов требуется Google для сканирования и индексирования этой информации. Обе команды должны знать об этом факте, поскольку все это влияет на скорость сайта и бюджет сканирования Google.

Обе команды должны знать об этом факте, поскольку все это влияет на скорость сайта и бюджет сканирования Google

Разница во времени и ресурсах, необходимых для сканирования HTML и CSS по сравнению с JS на сайте

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

Например, когда я ищу текст на странице чайных коллекций, вот что получается:

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

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

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

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

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

Изображения продуктов и сайтов

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

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

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

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

Обычно вы можете сжать изображение, чтобы уменьшить размер файла, не жертвуя заметным качеством изображения

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

Пройдя грань между SEO и дизайном

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

Как преодолеть разрыв между SEO и хорошим веб-дизайном? Поделитесь своим опытом в комментариях ниже!

Stylish-Portal.infO 2011
При копирование материала активная ссылка на сайт!
Copyright 2004-2016 © www.zone55.ru. All rights reserved.