How do I implement Schema.org markups on Shopify? - shopify

Question

I've recently started to work for a beauty company who wants to implement rich snippets for their products page. I know how Schema.org markups work as I've copied a general Organization one that my friend used for a mobile app development company.
Here's the code's template I'm referring to:
<script type="application/ld+json">
{ "#context": "http://schema.org",
"#type": "Organization",
"name": "Company name",
"legalName" : "Legal Name",
"url": "Company URL",
"logo": "internal logo link",
"foundingDate": "founding date",
"founders": [
{
"#type": "Person",
"name": "Founder"
} ],
"address": {
"#type": "PostalAddress",
"streetAddress": "Street Address",
"addressLocality": "City",
"addressRegion": "Region",
"postalCode": "Postcode",
"addressCountry": "United Kingdom"
},
"contactPoint": {
"#type": "ContactPoint",
"contactType": "customer support",
"telephone": "Phone Number",
"email": "email contact"
},
"sameAs": [
"Social Media Links"
]}
</script>
Unluckily for me, this company's site is Shopify-based.
During my endless researches, I came across many different sites and blogs which were telling me to simply add this script into the theme.liquid file but I can't find a way to implement it properly. This is the blog post I was browsing.
Has anyone of you got any experience with this, or should I contact a Shopify Developer and let him do the job?
I've already tried to use this code template (which I simply copied and pasted in the liquid file):
<script type="application/ld+json">
{
"#context": "http://schema.org/",
"#type": "Product",
"name": "{{ product.title }}",
"sku": "{{ product.variants.first.sku }}",
"gtin14": "{{ product.variants.first.barcode }}",
"brand": "{{ product.vendor }}",
"description": "{{ product.description | strip_html | escape }}",
"image": "https:{{ product.featured_image.src | img_url: 'grande' }}",
"offers": {
"#type": "Offer",
"priceCurrency": "{{ shop.currency }}",
"price": "{{ product.price |money_without_currency | strip_html }}",
"itemCondition" : "http://schema.org/NewCondition",
"availability" : "{% if product.available == true %}http://schema.org/InStock{% else %}http://schema.org/OutOfStock{% endif %}",
"url" : "{{ shop.url }}{{ product.url }}"
}
}
</script>

Answer 1

I don't understand what's not working for you?
Like the article says, place it into the theme.liquid file.
But instead of just placing the product schema, which, when not on a product template, will cause a ton of errors because {{ product.title }} won't render anything; use template if statements to get results for index, product and article.
Here's a full, working example:
<script type="application/ld+json">
{%- if template == 'index' -%}
{
"#context": "http://schema.org",
"#type": "WebSite",
"name": "{{ shop.name }}",
"alternateName": "{{ shop.description }}",
"url": "{{ shop.url }}"
}
{%- elsif template == 'product' %}
{
"#context": "http://schema.org",
"#type": "Product",
"description": "{{ product.description | strip_html }}",
"name": "{{ product.title }}",
"image": "{{ product.featured_image | img_url: 'master' }}",
"manufacturer": "{{ product.vendor }}",
"category": "{{ collection.title }}",
"sku": "{{ product.selected_or_first_available_variant.sku }}",
"url": "{{ shop.url | append: product.url }}",
"offers": {
"#type": "Offer",
"availability": "InStock",
"price": "{{ product.price | money_without_currency }}",
"priceCurrency": "{{ shop.currency }}"
}
}
{%- elsif template == 'article' %}
{
"#context": "http://schema.org",
"#type": "NewsArticle",
"image": {
"#type": "imageObject",
"url": "https:{{ article.image.src | img_url: 'original' }}",
"width": "1024px",
"height": "1024px"
},
"keywords": "{%- for tag in article.tags -%}{{ tag }}{%- unless forloop.last -%}, {%- endunless -%}{%- endfor -%}",
"url": "{{ shop.url | append: article.url }}",
"description": "{{ article.content | truncatewords: 100 | strip_html }}",
"mainEntityOfPage": {
"#type": "WebPage",
"#id": "https://google.com/article"
},
"headline": "{{ article.title }}",
"datePublished": "{{ article.published_at }}",
"dateModified": "{{ article.published_at }}",
"author": {
"#type": "Person",
"name": "{{ article.author }}"
},
"publisher": {
"#type": "Organization",
"name": "{{ shop.name }}",
"logo": {
"#type": "ImageObject",
"url": "{{ shop.url }}"
}
},
"commentCount": "{{ article.comments_count }}"
}
{%- endif %}
</script>