While this is valid syntax it really doesn't do anything. Most meta tags are nothing more than name and content, in fact you could create your own if you wanted to. Search engines show the meta description in search results mostly when the searched-for phrase is within the description, so optimizing the meta description is crucial for on-page SEO. The meta description is a snippet of up to about 155 characters – a tag in HTML – which summarizes a page's content. If you done any kind of Search Engine Optimization (SEO) you have probably come across the meta description. Here are some of examples of meta tags that you might have come across already. Now that you know what a meta tag it might be good to understand what they are useful for. This is an example of what a meta tag looks like. Provides an HTTP header for the information/value of the content attributeĪpplication-name author description generator keywords viewport Gives the value associated with the http-equiv or name attribute Specifies the character encoding for the HTML document Meta tags are defined in the head of an HTML document and contain the following attributes: Attribute This just means that it will not be displayed but it will exist in your pages source code. Metadata will not be displayed on the page, but will be machine parsable. This means that the meta tag provides metadata about the HTML document. Metadata is data (information) about data. If you're familiar with HTML chances are you have come across meta tags before. I think this is a real nice addition that you can add to your blog today and with just a few lines of code. Now I will admit the image could use a little work as some text is running up against the side, but you get the idea. In this case you can see a nicely formatted card with a summary and an image. Here is a recent blog post that I just posted a link to on Twitter. Pretty boring right? No matter what my message is you aren't going to be very compelled to click that link. If I share out a link of my homepage on Twitter it looks like this. After sitting down to write this article I realize that I should fix that. I currently don't have any Twitter Cards setup for the home page of my website. What is a Twitter Cardīefore we dive into the technical details on how to add Twitter cards to your blog it might make sense to understand what a Twitter Card actually is. In this article I will tell you what a Twitter Card is and how to add how to add Twitter Card meta tags to your blog. This might not seem like a big thing to most but why write something if nobody reads it? Engagement is the name of game on social media platforms like Twitter and Twitter Cards (and images in general) are proven to increase engagement. In WordPress when I created a new blog post and then shared it on Twitter I got this nice display of my blog post as apposed to just a link. There are a lot of things that I took for granted when using a proven blogging platform like WordPress. How to add Twitter Card Meta Tags to your Blogįor those of you who haven't been reading my blog lately I am in the middle of converting my website from WordPress over to a static site generator called Gridsome that is built on VueJS.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |