how to add microdata tags to shopify

hello and welcome my name is mullen,jewel,tube named in this video i'm going to,show you,how to generate,metadata in your shopify store theme,so there is a possibility your theme,doesn't generate,metadata for,facebook sharp,or open graph metadata,and then json ld metadata for your,products and catalog,so basically in this video i'm going to,show you how you can,write,basically i will go over the lines of,code there are,almost 25 to 30 lines of code that will,help you write open graph,for your product,which is basically facebook metadata and,twitter sorry not twitter uh pinterest,and then we have json ld which is widely,supported by,uh search okay so let's get started,okay so if you have not subscribed yet,to my channel go ahead,okay so the other thing you can do,before you start coding you want to go,ahead and take,basically product link okay from your,store,and then go ahead and check whether your,theme is generating product micro data,so you can see there are two types of,product data that is being generated,okay,and this is,one type,and then we also have another type but,basically what we are looking for we are,looking for json ld,which is widely supported by,search engines and then we are looking,for,open graphic director so open graph mic,which is,natively supported by facebook and,pinterest,so this is what you have also with,instagram,so let me go ahead and show you how you,can,write this code in your shopify thing,there are all things that,do not maybe do not generate,these data this is why i'm making this,video to help lots of people around,so go ahead and log into your shopify,theme,and then,basically what you need to do i'll go,ahead and show you how you can start,putting the code in your theme to,dynamically generate,open graph and json id product schema,markup,on every,product page,i'm assuming that you already,logged into your admin area and then,under themes let me just refresh it,so under online store you simply go to,themes,and from here you simply have to,go to these actions and edit code,and,under layouts you go to theme.liquid,okay,and you'll see you got this html5,doctype and html opening,tag then you have,head tag,in this code you basically start coding,now,in this,tag head tag you can start this,writing open graph data if your system,your shopify theme doesn't,does not generate it,okay so this is the code let me go ahead,and,over,okay,so,this code,you will have to write it so just pause,the video and write the code,also if you're going to watch this video,after a long time there's a possibility,shopify will change,some of the,end points basically the end point okay,title description,so you simply write this,og title description url is going to be,canonical url image which is going to be,image url of this,size brand name it could be anything,product like vendor whatever you have,available in your product,availability in stock prediction new,price amount this is to make sure that,it doesn't,give,display,like,10 dollar,point zero zero so it start displaying,thousand dollars so you want to make,sure it destroys 10.,and then usd you can change this okay,depending on your u.s,currency,okay so that's basically,micro data for,facebook pinterest instagram so this is,open graph for your product specific,product,if your system your shopify theme does,not generate this json only which is,supported by,search engines like google and google,shopping as well,you definitely want to go ahead and,write this code from here till here,so this is this is under head again,liquid dot theme head section,so,json only and then,this line of code so context,schema.org is,product type so we are going to generate,product type scheme markup,you can add a lot more things here,okay,depending on,what data you have on your,shopify product page and then,you can go ahead and take everything,from here,all right schema,lipstick products,so,here we go,depending on what kind of products do,you now go under g's led and you can,take everything so review,depending on what what type of,productive,aggregation which is basically rating,but these data must be available on your,products,otherwise it may throw an error and,there is a minimum thing here,you definitely want to add this,aggregation,if as soon as you start getting reviews,okay,all right so,so that's a schema.org slash product,you can go and get more,uh,metadata types from here and add it to,as soon as you start getting more,content,generated by yourself and your customers,so simply go ahead and pause the video,whatever you need and just,write the code for yourself,yeah so that's all we have here,that's open graph from here,till here then we have json md,in case your,shopify theme doesn't generate you,once you have,add it simply go ahead and save it once,you save shopify will go ahead and,clear the cache which is browsing cache,and syrian caching,and then you can go ahead and test your,page once again,with these two uh schema markup,validators,one is by google,so there is a,link,scheme search the link is search dot,google dot com slash,test,slash,rich,high five results,that's,there's the first,let me increase the font size here so,you can see,and that's the first one the second one,okay so that's the second one validator,dot scalar g,and once you're there simply go ahead,and,paste your particular product from,your store try a few,few products,this,validated rule,this and so you'll see the there are two,products basically i'm generating twice,so it's not pulling the,open graph it's just pulling json ld,okay,open graph is read by,facebook so,as soon as you as soon as you connect to,your shopify with facebook page that,i start syncing your products to your,facebook pro page shop,they will start,kind of,verifying data,with this open graph site name open,graph url title for each product,so this will be very helpful for,facebook and instagram and pinterest,and this is going to be for,search engines and,google shopping,i'm just regenerating this json only to,demonstrate you should just get one okay,one of the this one,here and one,you will have to manually check whether,it's being generated or,there are tools that can help you,validate,or view f,in a better way,so simply go ahead and google valley day,open graph,metadata,so there are,let's see open your,preview social media share and,let's see this,now this on uh,this product,so you can see it's working on facebook,twitter linkedin,discord,so,metadata these are the metadata you have,okay this is awesome it's generating and,it's working perfectly fine so it works,on facebook twitter linkedin and discord,so you can see this is awesome,you can go ahead and validate,your,open graph and your,json ld micro data using these tools,i'll hopefully leave this link in the,description let's see,so it's opengraph.xyz,that's the,validator that you want go ahead and,validate your code your metadata with,all right guys so that's it for this,video thank you so much for watching if,you have any questions suggestion leave,in the comment below i will try to,answer them asap,thanks again bye,you

Congratulation! You bave finally finished reading how to add microdata tags to shopify and believe you bave enougb understending how to add microdata tags to shopify

Come on and read the rest of the article!