How to create SEO Optimized Meta Tag ?
How to create SEO Optimized Meta Tag ?
SEO Optimized Meta Tags:Search Engine Optimization (SEO) is a key component in improving the visibility and ranking of a website on search engines. Here are some common SEO meta tags used. HTML. Title Tag: This tag defines the title of a web page and is displayed in the search engine results. It should be relevant, descriptive and contain important keywords. " Example: " <title>example Pizza</title>" Meta Description Tag: This tag provides a brief summary of the page's content and is also displayed in search engine results. It should be concise, informative, and contain relevant keywords. Example: "<meta name="description" content="Joe's Pizza serves the best pizza in town. We use fresh ingredients and a secret family recipe that has been passed down for generations. Come try it out today!">" Meta Keyword Tag: This tag was once used to improve search engine rankings, but it is no longer a significant factor. However, it can still be useful to include relevant keywords for the page. Example: " <meta name="keywords" content="pizza, Joe's Pizza, best pizza, fresh ingredients, family recipe">" Canonical Tag: This tag is used to avoid duplicate content issues by indicating the preferred URL for a web page. It can help prevent search engines from penalizing a site for duplicate content. Example: " <link rel="canonical" href="https://www.joespizza.com/best-pizza">" Open Graph Tags: These tags are used to provide metadata to social media platforms when a link to the website is shared. It can help improve the appearance of the shared link and increase click-through rates.Example: " <meta property="og:title" content="Best Pizza in Town - Joe's Pizza">""<meta property="og:description" content="Joe's Pizza serves the best pizza in town. We use fresh ingredients and a secret family recipe that has been passed down for generations. Come try it out today!"/>"" <meta property="og:image" content="https://www.joespizza.com/images/pizza.jpg">""<meta property="og:url" content="https://www.joespizza.com/best-pizza">"HTML Code charset - Specifies the character encoding used for the webpage.Example: "<meta charset="UTF-8">"
viewport - Defines the viewport settings for the webpage.Example: "<meta name="viewport" content="width=device-width, initial-scale=1.0">"
description - Provides a brief description of the webpage's content.Example: "<meta name="description" content="This is a description of the webpage.">"
keywords - Specifies a list of keywords relevant to the webpage's content.Example: "<meta name="keywords" content="keyword1, keyword2, keyword3">"
author - Specifies the name of the author of the webpage.Example: "<meta name="author" content="John Doe">"
robots - Tells search engines how to index and crawl the webpage.Example: "<meta name="robots" content="index, follow">"
og:title - Provides a title for the webpage when it is shared on social media platforms.Example: "<meta property="og:title" content="Title of the Webpage">"
og:description - Provides a description for the webpage when it is shared on social mediaplatforms.Example: "<meta property="og:description" content="Description of the Webpage">"
og:image - Specifies an image to be displayed when the webpage is shared on socialmedia platforms.Example: "<meta property="og:image" content="https://example.com/image.png">"
Essential Meta Tag Example Here:"<head>
<title>Example</title>
<meta charset='UTF-8’>
<meta content='width=device-width' name='viewport’>
<meta content='red' name='msapplication-navbutton-color’>
<meta content='Tooltip Text' name='msapplication-tooltip’>
<meta content='/' name='msapplication-starturl’>
<meta content='no' name='msapplication-tap-highlight’>
<meta content='yes' name='full-screen’>
<meta content='fitscreen/standard' name='layoutmode’>
<meta content='force' name='imagemode’>
<meta content='portrait' name='screen-orientation’>
<meta content='language' http-equiv='en-us’>
<meta content='true' name='HandheldFriendly’>
<meta content='en-us' http-equiv='content-language’>
<meta content='en-gb' http-equiv='content-language’>
<meta content='example' name='description’>
<meta content='example keyword=' name='keywords’>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>"
<meta content='website' property='og:type’>
<meta content='example' name='og:site_name’>
<meta content='https://photos.example' property='og:image’>
<meta content='https://example.com' property='og:url’>
<meta content='example' name='Headline’>
<meta content='general' name='rating’>
<meta contents='High' name='RATINGS’>
<meta content='1 Days' http-equiv='REVISIT-AFTER’>
<meta content='public' http-equiv='Cache-control’>
<meta content='example' name='{author-name}’>
<meta content='example@mail.com/' name='{author-mail}’>
<meta content='https://example.com/' name='{author-url}’>
<meta content='upgrade-insecure-requests' http-equiv='Content-Security-Policy’>
<meta content='Post title' name='SEO Help and Tips’>
<meta attribute1='value1' attribute2='value2’>
<meta content='First Future Corporation - 2022-2023' name='copyright’>
<meta content='1' http-equiv='REVISIT-AFTER’>
<meta content='0' http-equiv='Expires’>
<meta content='fitscreen/standard' name='layoutmode’>
<meta content='yes' name='apple-mobile-web-app-capable’>
<meta content='yes' name='mobile-web-app-capable’>
<meta content='Tooltip Text' name='msapplication-tooltip’>
<meta content='/' name='msapplication-starturl’>
<meta content='portrait' name='screen-orientation’>
<meta content='example' name='application-name’>
<meta content='Search Tool' name='apple-mobile-web-app-title’>
<meta content='ms-icon-144x144.png' name='msapplication-TileImage’>
<meta content='enable/disable' name='nightmode’>
<meta content='Sitelinkssearchbox' name='google’>
<meta content='summary' name='twitter:card’>
<meta content='Player' name='twitter:card’>
<meta content='https://twitter.com' name='twitter:site’>
<meta content='https://photos.example' name='twitter:image’>
<meta content='https://example.com' name='twitter:url’>
<meta content='example' name='twitter:title’>
<meta content='example' name='twitter:description’>
<link href='/favicon.ico' rel='icon' type='image/x-icon’>
<link href='https://example.com/favicon.ico' rel='shortcut icon' type='image/vnd.microsoft.icon’>
<link href='https://example.com/' hreflang='en' rel='alternate’>
<link href='https://example.com/' hreflang='en-US' rel='alternate’>
<link href='https://example.com/' hreflang='en-GB' rel='alternate’>
<link href='https://example.com/' hreflang='fr' rel='alternate’>
</head>"
These are just a few examples of common meta tags used in HTML code. The specific meta tags used may vary depending on the purpose and content of the webpage.
Comments
Post a Comment
Thanks for your Comments.