1. 1. Настройте Shopify на свой собственный домен
2. 2. Свяжите свой аккаунт Google Analytics
3. 3. Соберите отзывы пользователей
4. 4. Включите ключевые слова в ваши URL
5. 5. Включите ключевые слова в ваши названия
6. 6. Измените плотность ключевых слов и увеличьте показатель новизны
7. 7. Редактирование тем
8. 8. Включение заголовочных тегов в ваш контент
9. 9. Настройка Alts изображения
10. 10. Изменить и добавить меню ссылки
11. 11. Migrate Shopify To HTTPS
12. 12. Добавьте Schema.org на страницы вашего продукта
13. 13. Редактировать мета-описание
14. 14. Установите перенаправления
15. 15. Протестируйте требования ресурсов темы перед установкой
16. 16. Заблокируйте страницу из поисковых систем (нет Robots.txt, извините)
17. 17. Отправить свой Sitemap в Google
18. 18. Сократите свой CSS
19. 19. Объедините свои таблицы стилей
20. 20. Правильный способ удаления продуктов
21. 21. Настройте свои страницы коллекции продуктов
22. 22. Вставить видео
23. 23. Как добавить JavaScript в Shopify
24. Заключение

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

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

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

Давайте поговорим о 23 изменениях SEO, которые вы можете сделать в Shopify сегодня.

1. Настройте Shopify на свой собственный домен

Все ваши усилия по SEO приведут к большей отдаче, если ваш сайт будет размещен на собственном домене, а не как поддомен Shopify.com.

Самый удобный способ сделать это - просто купить домен через Shopify, войдя в систему, перейдя в «Интернет-магазин», а затем перейдя в «Домены».

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

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

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

Перейдите на веб-сайт поставщика домена и войдите в систему. Найдите параметры конфигурации DNS, измените «Запись A» на «23.227.38.32» и убедитесь, что это изменение сохранено.

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

В вашей учетной записи Shopify, нажмите «Проверить подключение» в вашем Shopify Admin, чтобы убедиться, что домен связан.

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

В том же патенте также указывается, что данные «частного Whois» являются негативным фактором ранжирования, поэтому я обычно советую не покупать домены «частного Whois».

2. Свяжите свой аккаунт Google Analytics

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

Перейдите в «Каналы», затем «Онлайн-магазин» и, наконец, «Настройки». Здесь вы можете указать заголовок и мета-описание своей домашней страницы, а под этими полями вы можете связать свою учетную запись Google Analytics.

3. Соберите отзывы пользователей

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

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

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

4. Включите ключевые слова в ваши URL

Когда вы создаете продукт в Shopify, URL по умолчанию заимствует информацию о продукте, которую вы ввели для названия продукта. Это создает URL-адрес вида / products / the-title-you-input.

Если по какой-либо причине вы хотите, чтобы URL-адрес отличался от заголовка, вы можете нажать ссылку «Изменить SEO сайта» в разделе «Предварительный просмотр списка поисковой системы». Оттуда вы можете перейти в поле «URL and handle» и изменить его.

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

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

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

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

Shopify генерирует URL-адреса для ваших коллекций, страниц и сообщений в блоге аналогичным образом.

5. Включите ключевые слова в ваши названия

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

Создание и изменение заголовков в Shopify очень просто; просто введите название в поле «Название». Как и в случае с URL-адресом, убедитесь, что заголовок включает в себя ключевые слова для поиска по бренду и без бренда, что он не вводит в заблуждение и что он помогает пользователю понять, что находится на странице, таким образом, чтобы это не оттолкнуло их.

Помните, что если вы измените заголовок, он не изменит URL.

Обратите внимание, что, хотя Shopify говорит, что ограничение на количество символов в заголовке составляет 70, вы должны стремиться к 60 или менее символам, так как в результате переделок Google произошло сокращение символов быстрее (точнее, на 600 пикселей).

6. Измените плотность ключевых слов и увеличьте показатель новизны

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

В отличие от вашей типичной CMS, Shopify создан с учетом особенностей электронной коммерции, а это означает, что ваши ключевые слова могут быть разбросаны по разным адресам.

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

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

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

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

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

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

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

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

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

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

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

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

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

7. Редактирование тем

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

Для этого вам нужно будет отредактировать тему.

Я не рекомендую редактировать тему, если вы не знакомы с кодом, и даже тогда вам нужно будет ознакомиться с Liquid, языком шаблонов, разработанным для Shopify (теперь с открытым исходным кодом и также используется в других проектах).

Чтобы отредактировать свою тему, вам нужно начать, нажав «Интернет-магазин», а затем «Темы». На левой боковой панели вам нужно будет щелкнуть «Дополнительные действия» и выбрать «Редактировать код».

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

• Макеты, для общего макета темы
• Шаблоны, для макета типов страниц, таких как блоги или страницы продукта
• Фрагменты, которые представляют собой фрагменты текста или кода, которые повторно используются вашей темой в различных местах.
• Активы, такие как изображения, сценарии, стили и т. Д.
• Конфиг, который вы, вероятно, не должны касаться, если вы не знаете, что у вас есть поддержка
• Места, для языковых и географических соображений
• Разделы, для макета разделов вашей темы

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

8. Включение заголовочных тегов в ваш контент

Большинство тем Shopify включают название продукта, страницы, блога или коллекции не просто как заголовок страницы, а как заголовок, завернутый в теги H1.

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

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

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

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

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

9. Настройка Alts изображения

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

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

Изменить alts изображения в Shopify легко. Наведите курсор на изображение, и вы увидите слово «alt» внизу изображения, между глазом и значком корзины.

Нажмите «alt», и вам будет показано поле «Изображение альтернативного текста», которое вы можете использовать для ввода текста замены изображения.

10. Изменить и добавить меню ссылки

Вы можете добавить ссылку в одно из своих меню, нажав «Интернет-магазин», а затем «Навигация». Отсюда вы щелкнете по названию меню, которое хотите редактировать.

Под «Пунктами меню» вы увидите кнопку «Добавить пункт меню».

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

Используйте раскрывающийся список рядом с полем «имя», чтобы выбрать тип ссылки. Если вы выберете «коллекция», «продукт», «страница» или «блог», вы сможете выбрать конкретную страницу для ссылки. Вы также можете выбрать «веб-адрес» и ввести URL-адрес, если вы ссылаетесь на страницу за пределами Shopify (в том же домене или нет). Ссылки на другие сайты в вашей навигации, как правило, не рекомендуется, потому что они могут быть интерпретированы как платные ссылки, которые могут создавать штрафы или алгоритмические понижения.

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

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

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

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

11. Migrate Shopify To HTTPS

Шучу ! Все магазины Shopify в настоящее время на HTTPS. Это хорошая новость, потому что Google считает HTTPS фактором ранжирования, хотя и легким, и все чаще показывает предупреждения на сайтах, которые его не используют.

12. Добавьте Schema.org на страницы вашего продукта

Используйте schema.org, чтобы рассказать Google все, что нужно знать о ваших продуктах, и даже включить их в Google Merchant Center ,

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

Вам нужно будет получить доступ к файлам вашей темы и перейти к product.liquid .

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

<div itemscope itemtype = ”http://schema.org/Product”>

Ниже вам нужно будет указать URL вашего продукта и данные изображения, например:

<meta itemprop = ”url” content = ”{{shop.url}} {{product.selected_or_first_available_variant.url}}» />

<meta itemprop = ”image” content = ”https: {{product.selected_or_first_available_variant.image.src | product_img_url: 'grande'}} »/>

Теперь вам нужно будет прокрутить страницу, чтобы найти название вашего продукта и описание продукта. Вам нужно будет отредактировать их, добавив атрибуты itemprop, как показано ниже:

<! - Название продукта ->

<h1 itemprop = ”name”> {{product.title}} </ h1>

<! - Описание продукта ->

<div class = ”product-description” itemprop = ”description”>

{{ Описание товара }}

</ DIV>

Теперь вам нужно найти, где тема отображает цену товара, обернуть ее в тег div и включить атрибут «предложения», например:

<div itemprop = ”offer” itemscope itemtype = ”http://schema.org/Offer”>

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

<meta itemprop = ”priceCurrency” content = ”{{shop.currency}}» />

<meta itemprop = ”price” content = ”{{product.selected_or_first_available_variant.price | money_without_currency | удалить: ','}} ”/>

<meta itemprop = ”itemCondition” itemtype = »http://schema.org/OfferItemCondition» content = »http://schema.org/NewCondition» />

{% if product.selected_or_first_available_variant.available%}

<link itemprop = ”Availability” href = ”http://schema.org/InStock” />

{% else%}

<link itemprop = ”Availability” href = ”http://schema.org/OutOfStock” />

{% endif%}

Вы также можете синхронизировать Shopify с Google Merchant Center, используя метод API с Shopify Приложение Google Shopping , Однако разметка schema.org помогает поисковым системам семантически понимать ваш сайт и выходит за пределы Google, поэтому я считаю, что это стоит делать, если у вас достаточно опыта разработки, чтобы воплотить его в жизнь.

13. Редактировать мета-описание

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

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

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

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

14. Установите перенаправления

Чтобы настроить перенаправление, перейдите в раздел «Каналы продаж», затем «Онлайн-магазин» и «Навигация». В правом верхнем углу вы увидите кнопку «URL Redirects». Нажмите на это. Интерфейс для настройки перенаправлений 301 отсюда довольно интуитивно понятен.

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

15. Протестируйте требования ресурсов темы перед установкой

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

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

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

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

Использовать W3 код валидатор чтобы убедиться, что HTML-код темы действителен. Это большой, который многие люди не проверяют. Честно говоря, почти в любой теме будет несколько ошибок, но вы хотите свести их к минимуму.

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

Используйте любые инструменты, которые вы используете на своем собственном сайте, чтобы проверить новую тему перед ее установкой.

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

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

16. Заблокируйте страницу из поисковых систем (нет Robots.txt, извините)

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

Для этого перейдите в «Интернет-магазин», выберите «Темы», нажмите «Дополнительные действия» и выберите «Редактировать код». Перейдите к файлу theme.liquid и добавьте что-то вроде следующего между <head> и </ head> теги:

{%, если product.tags содержит 'noindex'%}

<meta name = ”robots” content = ”noindex, follow”>

{% else%}

<meta name = ”robots” content = ”index, follow”>

{% endif%}

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

Если по тем или иным причинам это слишком сложно, вы можете использовать Nofollow & Noindex Manager Приложение, чтобы управлять, какие страницы вы хотите noindexed. Здесь я хочу подчеркнуть, что вы никогда не должны использовать тег «nofollow» в своих собственных URL, так как это просто бессмысленно выбрасывает PageRank, не направляя его куда-либо еще.

Используйте тег noindex только для своего собственного контента, если вы не хотите, чтобы он был виден поисковым системам, и убедитесь, что эти URL все еще «следуют», чтобы PageRank не выбрасывался.

17. Отправить свой Sitemap в Google

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

Хотя Google, вероятно, найдет карту сайта XML Shopify самостоятельно, я не рекомендовал бы рассчитывать на это. Вы можете отправить свою карту сайта в Google, чтобы убедиться, что поисковая система имеет к ней доступ.

Ваша карта сайта находится по URL-адресу:

example.com/sitemap.xml

Посетите этот URL, чтобы убедиться, что карта сайта существует. Там не должно быть никаких проблем, но это хорошая идея, чтобы поместить URL в валидатор XML-карты сайта чтобы убедиться, что нет ошибок форматирования.

Перейти к вашей Google Search Console (или же настроить его первым если у вас его нет). Нажмите на название своего веб-сайта и нажмите «Sitemaps». Нажмите кнопку «Добавить / проверить Sitemap» и убедитесь, что URL-адрес карты сайта соответствует. (Google должен заполнить ваш корневой URL, поэтому единственное, что вам нужно ввести, это «sitemap.xml».)

Затем просто нажмите кнопку «отправить карту сайта», и Google начнет индексировать ваши страницы на основе карты сайта, если это еще не было сделано.

18. Сократите свой CSS

Если PageSpeed ​​Insights или другой инструмент рекомендует минимизировать ваш CSS, он говорит, что комментарии и пробелы в ваших CSS-файлах занимают слишком много места и в результате замедляют загрузку.

Существует простой способ разобрать все комментарии и пробелы, чтобы поисковые системы видели только код. Отредактируйте ваши файлы css и css.liquid следующим образом:

{% capture content%}

… Содержимое вашего файла CSS / CSS.Liquid…

{% endcapture%}

/ * перед минификацией: {{content.size}} * /

{% assign content = content | strip_newlines | разделить: ”” | присоединиться: ”” | Трещина: "*/" %}

{% assign new_content = «»%}

{% для слова в содержании%}

{% assign new_word = word | разделить: «/ *» | первый | полоса%}

{% assign new_content = new_content | append: new_word%}

{% endfor%}

/ * после минификации: {{new_content.size}} * /

{{new_content}}

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

19. Объедините свои таблицы стилей

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

20. Правильный способ удаления продуктов

Чтобы удалить продукт из вашего магазина Shopify, перейдите к «Продукты» и «Список продуктов» на боковой панели, нажмите на продукт, прокрутите вниз до красной кнопки «Удалить этот продукт» и нажмите на нее. Нажмите «Удалить продукт» во всплывающем меню, чтобы подтвердить, что вы хотите удалить продукт.

Тем не менее, это только половина истории, если вы хотите убедиться, что ваш SEO на высоте. Вы захотите сканировать свой сайт с помощью Screaming Frog или аналогичного инструмента, а затем проверьте, есть ли ссылки на удаленный URL. Эти ссылки следует удалить и, возможно, обновить, чтобы они указывали на похожий продукт, чтобы никогда не перенаправлять пользователей на страницу 404. Как я упоминал выше, ссылка на 404 страницы отбрасывает PageRank и расстраивает пользователей.

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

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

21. Настройте свои страницы коллекции продуктов

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

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

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

Чтобы создать коллекцию, нажмите «Продукты» и «Коллекции», затем «Создать коллекцию». Установите критерии выбора для страницы, затем нажмите «Сохранить коллекцию».

Самая важная вещь для настройки - это «Описание». Я бы рекомендовал сделать это довольно длинным и увлекательным, чтобы повысить этот показатель уникальности.

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

22. Вставить видео

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

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

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

Выберите свой веб-сайт (YouTube и т. Д.), А затем вставьте URL-адрес в поле URL-адрес страницы. Нажмите «Вставить» и скопируйте код.

Перейдите в Rich Text Editor вашей страницы Shopify и нажмите кнопку «Вставить видео» (которая похожа на видеокамеру), затем вставьте код вставки в диалог. Нажмите «Вставить видео», а затем нажмите «Сохранить». Это добавит видео на вашу страницу.

23. Как добавить JavaScript в Shopify

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

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

Как добавить JavaScript в Shopify?

Сначала вам нужно загрузить файл jquery (например, «jquery-1.4.3.min.js») в папку theme> assets. Перейдите в раздел «Темы», «Ваша тема», «Редактировать HTML / CSS» и выберите папку «Активы», затем загрузите туда свой файл jquery.

Затем вам нужно добавить такой код в раздел HEAD вашей темы:

{{'jquery-1.4.3.min.js' | asset_url | script_tag}}

… Конечно, заменив «javascript_file.js» на ваше фактическое имя файла.

Теперь, когда jquery загружен и на него есть ссылки, вы можете добавить код JavaScript. Идеальное место для этого - в конце содержания <body> </ body> вашей темы, например:

<тело>

// содержание тела

<script type = ”text / javascript”>

// код JavaScript

</ скрипт>

</ body>

Вы также можете поместить код javascript в отдельный файл, который вы создаете, например scripts.js.liquid.

И там у вас есть это.

Заключение

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

Теперь, когда вы проинформированы, продолжайте действовать сегодня.

6,586 просмотров всего, 10 просмотров сегодня