Недавно несколько пользователей сказали нам, что не могут найти свой «social-meta-tags.liquid». Сначала мы думаем, что они просто ищут файл не в том месте. Но теперь мы наконец осознаем, что они не шутят ... в некоторых темах такого файла нет.
Тогда что мы можем сделать?
Мы создаем подобный файл!
1. Первое, следующее этот урок шаг 1.1 до 1.4, чтобы найти папку «Snippet» на панели администратора.
2. Затем нажмите «Добавить новый фрагмент». И дать ему название "SPO-социальные-мета-теги"
3. Давайте вставим следующие коды в новый жидкий файл:
<! - /snippets/SPO-social-meta-tags.liquid -> <! - Оптимизатор продукта SEO -> {% assign metas = product.metafields.global%} {% if metas ['og: image ']%} <! - Оптимизатор продукта SEO настроен: Facebook -> <meta property = "og: image" content = "http: // {{metas [' og: image ']}}"> <meta property = "og: image: secure_url" content = "https: // {{metas ['og: image']}}"> {% if metas ['og: image: width']%} <meta property = "og : image: width "content =" {{metas ['og: image: width']}} "> {% endif%} {% if metas ['og: image: height']%} <мета свойство =" og : image: height "content =" {{metas ['og: image: height']}} "> {% endif%} {% if metas ['og: title']%} <мета свойство =" og: title "content =" {{metas ['og: title']}} "> {% endif%} {% if metas ['og: description']%} <meta property =" og: description "content =" {{ metas ['og: description']}} "> {% endif%} {% else%} <! - Эта часть обрабатывает ваш общий доступ к странице продукта -> <meta property =" og: type "content =" website "> <meta property =" og: title "content =" {{page_title}} "> <meta property =" og: descript ion "content =" {{page_description}} "> <meta property =" og: image "content =" [CUSTOMIZED-HOMEPAGE-IMAGE] "> <meta property =" og: image: secure_url "content =" [CUSTOMIZED- HOMEPAGE-IMAGE] "> <meta name =" twitter: card "content =" summary_large_image "> <meta name =" twitter: title "content =" {{page_title}} "> <meta name =" twitter: description "content = "{{page_description}}"> <meta name = "twitter: image" content = "[CUSTOMIZED-HOMEPAGE-IMAGE]"> {% endif%} {% if metas ['twitter: image']%} <! - Оптимизатор оптимизатора продукта SEO: Twitter -> <meta name = "twitter: card" content = "{{metas ['twitter: card']}}"> <meta name = "twitter: title" content = "{ {metas ['twitter: title']}} "> <meta name =" twitter: description "content =" {{metas ['twitter: description']}} "> <meta name =" twitter: image "content = "https: // {{metas ['twitter: image']}}"> <! - Оптимизатор оптимизатора продукта SEO настроен: Конец -> {% endif%} <! - END - Оптимизатор продукта SEO ->Не забудьте заменить [CUSTOMIZED-HOMEPAGE-IMAGE], используя свой собственный URL-адрес изображения . Например, здесь я использую «https://cdn.shopify.com/s/files/1/1498/3202/products/Longasands_Stay_Salty_1024x1024.jpg?v=1477296542».
Это изображение будет отображаться только в том случае, если вы поделитесь ссылкой с домашней страницей магазина на Facebook или Twitter. Это не влияет на ваш продукт. Если вы хотите изменить заголовок и описание общего ресурса, перейдите по ссылке «https: // [YOUR-SHOP-URL] / admin / online_store / Предпочтения», не забудьте заменить «[YOUR-SHOP-URL]» на URL вашего магазина. , И отредактируйте часть «Название и мета-описание».
Осторожный:
(1). Изображение должно быть достаточно большим. Как минимум, он должен быть 600 х 315 пикселей. На устройстве с высоким разрешением изображение должно быть не менее 1200 x 600 пикселей для лучшего отображения.
(2). Изображение не может быть слишком большим, его максимальный размер составляет 8 МБ.
(ссылка: https://blog.bufferapp.com/ideal-image-sizes-social-media-posts#facebook )
Пример кода:
<! - /snippets/SPO-social-meta-tags.liquid -> <! - Оптимизатор продукта SEO -> {% assign metas = product.metafields.global%} {% if metas ['og: image ']%} <! - Оптимизатор продукта SEO настроен: Facebook -> <meta property = "og: image" content = "http: // {{metas [' og: image ']}}"> <meta property = "og: image: secure_url" content = "https: // {{metas ['og: image']}}"> {% if metas ['og: image: width']%} <meta property = "og : image: width "content =" {{metas ['og: image: width']}} "> {% endif%} {% if metas ['og: image: height']%} <мета свойство =" og : image: height "content =" {{metas ['og: image: height']}} "> {% endif%} {% if metas ['og: title']%} <мета свойство =" og: title "content =" {{metas ['og: title']}} "> {% endif%} {% if metas ['og: description']%} <meta property =" og: description "content =" {{ metas ['og: description']}} "> {% endif%} {% else%} <! - Эта часть обрабатывает ваш общий доступ к странице продукта -> <meta property =" og: type "content =" website "> <meta property =" og: title "content =" {{page_title}} "> <meta property =" og: descript ion "content =" {{page_description}} "> <meta property =" og: image "content =" https://cdn.shopify.com/s/files/1/1498/3202/products/Longasands_Stay_Salty_1024x1024.jpg? v = 1477296542 "> <meta property =" og: image: secure_url "content =" https://cdn.shopify.com/s/files/1/1498/3202/products/Longasands_Stay_Salty_1024x1024.jpg?v=1477296542 "> <meta name = "twitter: card" content = "summary_large_image"> <meta name = "twitter: title" content = "{{page_title}}"> <meta name = "twitter: description" content = "{{page_description} } "> <meta name =" twitter: image "content =" https://cdn.shopify.com/s/files/1/1498/3202/products/Longasands_Stay_Salty_1024x1024.jpg?v=1477296542 "> {% endif% } {% if metas ['twitter: image']%} <! - Оптимизатор продукта SEO настроен: Twitter -> <meta name = "twitter: card" content = "{{metas ['twitter: card']} } "> <meta name =" twitter: title "content =" {{metas ['twitter: title']}} "> <meta name =" twitter: description "content =" {{metas ['twitter: description' ]}} "> <meta name =" twitter: image "content =" https: // {{ metas ['twitter: image']}} "> <! - Оптимизатор продукта SEO настроен: Конец -> {% endif%} <! - END - Оптимизатор продукта SEO ->После редактирования нового жидкого файла, не забудьте нажать кнопку «Сохранить» в правом верхнем углу!
4. Найдите свой «theme.liquid» в папке «Layout». Нажмите на файл жидкости, чтобы редактировать его.
Добавьте следующую строку после тега <head>.
{% включают 'SPO-социальные-мета-теги'%}
Как на картинке выше.
Нажмите кнопку «Сохранить» в правом верхнем углу!
5. Готово! Идти к отладчик facebook введите URL-адрес домашней страницы вашего магазина и нажмите «Очистить», после чего вы сможете просмотреть свою долю в Facebook на домашней странице. Вы также можете перейти к отладчик твиттера и введите URL своей домашней страницы, чтобы проверить изменения.
Используя наше приложение, вы можете изменить свою долю продукта.
Если у вас есть дополнительные вопросы, пожалуйста, напишите нам через [электронная почта защищена]
Похожие
Полное руководство по освоению мета-теговПримечание редактора: эта статья была первоначально опубликована 8.11.2012 и обновлена 30.07.2015 Если вы когда-нибудь собирались рассказать историю SEO о «назад в день», она должна Мета-теги WordPress: как вставить и оптимизировать эти поля
Когда вы решили оптимизировать веб-страницу Вы должны рассмотреть важный шаг: вставить метатеги WordPress . Это незаменимая информация для передачи некоторых необходимых элементов проделанной работы. Потому что вам не нужно писать так много Что такое обратные ссылки и как их получить
... где вы собираетесь публиковать. Существуют также инструменты социальной сети, с помощью которых вы можете получить обратные ссылки, например Klout эти ссылки можно получить с помощью твитов, отправленных с вашего аккаунта в Twitter. Проанализируйте своих конкурентов с помощью некоторых инструментов отслеживания, таких как Ahrefs, и скомпилируйте, какие входящие ссылки они должны иметь, чтобы по возможности размещать Стоит ли премиум Yoast? Мой недоуменный обзор
... мой взгляд, большинство пользователей этого не делают . Все думают, что им нужен XML Sitemap. Тем не менее, я экспериментировал с одним, а не с одним, взад и вперед, в течение 10 с лишним лет, и никогда не обнаруживал, что это вообще имеет какое-либо значение - как быстро или как Google индексирует содержание моего сайта. XML Sitemaps в основном полезны для огромных сайтов с тысячами и тысячами страниц, которые не все связаны должным Joomla SEO: десять часто задаваемых вопросов для новичков
Когда я впервые исследовал SEO в Joomla, у меня было много вопросов. И я увидел, что не только у новичков Joomla, но и у веб-мастеров были те же проблемы, что и у меня. Поэтому я считаю хорошей идеей составить список часто задаваемых вопросов Joomla, связанных с SEO. Это поможет вам сэкономить много времени при выполнении SEO для Joomla Веб-сайт. И вот десять самых распространенных часто задаваемых вопросов. Стратегии SEO для 404 ошибок
Стратегии SEO для 404 ошибок Несмотря на все усилия веб-мастера, время от времени это случается, при редизайне веб-сайта страница пропускается или редирект не применяется к обновленному URL-адресу и результату .... Неудивительно, что посетитель остается расстроенным и уходит, когда Как сделать тег заголовка для вашего сайта Не давайте Tilte
Заголовок - это не более чем заголовок вашей HTML-страницы. Это считается одним из элементов оптимизация страницы самое важное, когда дело доходит до Внутренний SEO сайта, потому что Google придает ему большое значение при поиске. Таким образом, ясно, что знание того, как его создать, необходимо для оптимизации вашего Как использовать Mozbar для поиска входящих ссылок на любую страницу [ВИДЕО]
Представляем Совет дня Я начал новую серию для моей компании под названием Совет дня. Это полезные советы для команды, которая состоит в основном из редакционных групп, которые хотят больше узнать о маркетинге, но очень и очень заняты. Что такое KEI в SEO и как он рассчитывается?
... мой простой метод позиционирования SEO , шаг за шагом и практично , для ВСЕХ веб-сайтов Другими словами, KEI сравнивает количество раз, когда пользователи выполняют поиск с использованием конкретной фразы (популярность поиска), и количество веб-страниц, конкурирующих за это предложение (конкурентоспособность поиска). Чем выше коэффициент KEI, тем легче (теоретически) получить более высокие позиции в Что такое rel = nofollow?
Что такое rel = nofollow? Использование rel = nofollow указывает сканерам поисковых систем не переходить по ссылке. Это указывает на то, что ссылка не подтверждена первоначальным автором или издателем страницы. Он также используется, когда ссылка включена из-за коммерческих (платных) отношений. Пример использования <a href="example.com" rel="nofollow"> текст ссылки </a> Код выше Краткое введение в вашу кабину WordPress SEO
Мой друг - пилот коммерческой авиакомпании. Он раньше летал на F16 в ВВС. Если бы они просто бросили его в кабину и сказали, чтобы он это понял, он бы никогда не покинул землю. Существуют буквально сотни (извините за слова моих непрофессионалов) Doodads, Doohickeys, виджетов, рычажных рычагов и регуляторов, которые помогают управлять тысячами различных функций и переменных, и все они очень
Комментарии
Где они приземляются и где они обращаются?Где они приземляются и где они обращаются? Они отскакивают и тратят свои деньги где-нибудь еще? И цифры даже означают, что вы думаете? Легко увидеть поисковый спрос как потенциальный доход. Есть даже удобная формула, чтобы добраться туда. Естественная формула поиска для вычисления дохода на основе поискового Где можно найти туза SEO-консалтинга?
Где можно найти туза SEO-консалтинга? Ищите людей, пишущих в блогах SEO, на quora.com или даже в списках конференций (если конференция заметна ( вот один Я очень рекомендую), спикеры, вероятно, были проверены). Даже если вы найдете кого-то, кто находится вне вашего ценового диапазона, SEO-специалисты, похоже, знают других SEO-специалистов, и они могут ссылаться на кого-то, кого они знают и которому Где они проводят время в Интернете?
Где они проводят время в Интернете? Какие блоги? Какие социальные сети? Какие форумы? За какими авторитетами они следуют? Запланируйте все потенциальные перспективы и рекламные средства для продвижения контента. Для открытия рассмотрим такие инструменты, как Followerwonk выявить влияние социальных сетей в отрасли. Используйте запросы Google, такие как «<ключевое слово>» inurl: блог, чтобы найти популярные блоги в отрасли, или Если ваш сайт может предоставить им информацию, в то же время предоставляя им место, где ее получить, разве это не очень полезно?
Если ваш сайт может предоставить им информацию, в то же время предоставляя им место, где ее получить, разве это не очень полезно? Еще один способ сказать, что вы предоставляете все детали, которые пользователи ищут на вашем сайте. Поэтому им не нужно заходить на другой сайт для получения дополнительной информации. В сообщении в блоге, которое обещает 5 советов, можете ли вы обвинить людей в том, что они сократили содержание статьи и пропустили вступление, где они знают, что их ничего не ждет?
В сообщении в блоге, которое обещает 5 советов, можете ли вы обвинить людей в том, что они сократили содержание статьи и пропустили вступление, где они знают, что их ничего не ждет? Действительно ли мы обвиняем людей в том, что они сняли ту электронную книгу, которую вы выпускаете, для самых действенных кусочков? Можете ли вы ожидать от веб-сайта, что люди будут читать каждую последнюю строчку, когда им нужно что-то сделать? Но - при чтении книги - почти никто Где взять плагин?
Где взять плагин? Есть несколько мест, но первоисточник Официальный репозиторий плагинов WordPress , Углубленные обзоры лучших плагинов WordPress в 13 категориях В официальном репозитории вы найдете плагин практически для каждой функции, которую вы можете себе представить. На самом деле, существуют сотни плагинов для каждой конкретной функции. На самом деле, есть более 54 300 Как вы привлекаете внимание на сайте социальной сети, где много трафика?
Как вы привлекаете внимание на сайте социальной сети, где много трафика? Если вы собираетесь использовать Facebook, LinkedIn или Twitter в деловых целях, важно понимать потенциал каждого веб-сайта. Так, например, миллионы пользователей Твиттера, однако, вы достигнете масс, только если включите SEO. Дело в том, что базовое обновление из 140 символов может помочь вам привлечь внимание, но оно может принести вам еще больше пользы, если оно содержит правильные ключевые слова Как выглядит мой фрагмент?
Как выглядит мой фрагмент? `И как другой ударяет вокруг тебя? Где я нахожусь в Google и как меняются места размещения? Для этого я использую UA WiseSEO , с Оповещения Google Я держу их в актуальном состоянии, и когда-то созданный контент не статичен - сайт и весь его контент должны жить. Кроме того, тема безопасности очень важна. Взломанный сайт очень быстро обнаруживает Google В конце концов, если они могут читать то, что вы говорите в своем фиде, зачем им заходить на ваш блог, где они будут нажимать на рекламу и, надеюсь, заработать для вас немного денег?
В конце концов, если они могут читать то, что вы говорите в своем фиде, зачем им заходить на ваш блог, где они будут нажимать на рекламу и, надеюсь, заработать для вас немного денег? Хуже того, если вы предлагаете полный канал, вы облегчаете скраперам кражу вашего контента и размещаете его на своих сайтах с целью монетизации материала (то есть печально известных веб-сайтов «Made for Adsense»). Преимущества фида отрывка Вы устраняете все недостатки Суть в том, что когда вы твитните ссылку, вы не представляете, где и как она будет распространяться, но если она распространяется, почему бы не гарантировать, что ваш сайт получит за это право?
Суть в том, что когда вы твитните ссылку, вы не представляете, где и как она будет распространяться, но если она распространяется, почему бы не гарантировать, что ваш сайт получит за это право? Получите 301 редирект! На графике вы можете увидеть, какие сервисы выполняют 301 переадресацию (хорошо - таким образом окрашены в зеленый цвет) против 302 перенаправлений (плохо - таким образом окрашены в красный цвет). Один сервис (Twurl / Tweetburner) выдает код 303. Я понятия не имею, «Эй, Сири, где ближайшая аптека?
«Эй, Сири, где ближайшая аптека?» «Хорошо, Гугл, позвони ближайшему механику». «Эй, Алекса, где я могу купить микроволновку поблизости?» Звучит знакомо, правда? Это локальный поиск в 21 веке. Помните, в тот день, когда мы искали местные компании, используя каталог или телефонную книгу? Теперь, благодаря Интернету
Тогда что мы можем сделать?
1024.jpg?
1024.jpg?
1024.jpg?
1024.jpg?
Что такое KEI в SEO и как он рассчитывается?
Что такое rel = nofollow?
Где они приземляются и где они обращаются?
Они отскакивают и тратят свои деньги где-нибудь еще?
И цифры даже означают, что вы думаете?