If you are browsing this page with a phone or a tablet, you can click on the two links below to see the difference. The meta elements can be used to describe properties of the html document, such as author, expiry date, a list of keywords, document author,description of web page, etc. The html element represents the root of an html document. It means it holds information about other information, but the information is in the form of raw data. The head of a web page contains a lot of information about the content found there. Below is a list of all html tags with links to their page on this site, and w3c is the principle organization that sets standards for html. Must be a short freeform string giving the name of the web application that the page represents.
Meta tag in html allows you to provide metadata of your html page. Chinese simplified chinese traditional divehi, dhivehi, maldivian. We created an overview of meta tags that are still very important and those that have no longer any significance. Html meta tags are coding inserted in the head section of the web page that is not seen by the page visitor but communicates information to the browser and some search engines. Linking, framing, meta tags, and caching harvard university. Meta tag generator tool for blogger meta description and meta keywords are the most popular html tags which are still recommended despite many arguments by several expert search engine optimizers. There must not be more than one meta element with its name attribute set to the value applicationname per document. This document describes how you optimize webhosted content that people share to facebook, regardless of whether its shared from the desktop or mobile web or a mobile app. They help search engines understand the content on a page. Metatags generator the secrets of search engines html meta tags. The language code doesnt affect display but is used by nonhumans.
The html tags you need to pay attention to are the title tag, meta description, header tags, image alt tags, nofollow links, anchor text, and canonical tags. A quick and easy guide to meta tags in seo search engine. Your contribution will go a long way in helping us. Html lets you specify metadata additional important information about a document in a variety of ways. This language is nothing more than a list of tags that can be used to format and arrange text, images, and other multimedia files. Meta elements are tags used in html and xhtml documents to provide structured metadata about a web page. Meta tags are used by search engines to help index and to provide relevant content in their search results. They can help you improve the user experience and the display of your. A pages title tag and meta description are usually shown whenever that page appears in search engine results. Difference between html and xhtml html tag tutorialspoint. Html meta tag html lets you specify metadata additional important information about a document in variety of ways. Use them wisely and find a balance between the reading experience and the seo value. This guide will help you focus on the meta tags you absolutely need to use and what you can do with them.
Html meta tag is used to provide structured metadata about a web page. Setting the equiv attribute to windowtarget, you can then specify that if someone tries to view one of your webpages in a frames page, it will break out of the frames page and will fill the entire browser window with the content attribute this is an important measure that can be used to prevent someone from trying to load one of your pages in their own site. Since html has so many tags, weve put together a handy html cheat sheet to help you use the language. These meta tags and its value do not emerge out on. From there you need to layout your page with the following tags. This is meant to assist search engines and browsers. The html meta element represents metadata that cannot be represented by other html meta related elements, like base, link, script, style or title. Html language code reference previous next iso language codes. To help bring you up to speed, weve produced an updated guide for 2018, focusing on clearing up some of the confusion around html meta tags and meta tags, and listing some of the more useful tags you can use on your site to help search engines and users understand your site better. With all of that html speak at your disposal, youll be off and ranking in no time.
Check out 7 html tags that still matter for seo campaigns. This aids speech synthesis tools to determine what pronunciations to use, translation tools to determine what rules to use, and so forth. Dec 27, 2019 essentially, meta tags are nothing more than data about your web pages data. While i like what they are doing with html5, w3cs site is next to impossible to navigate and their language tangled at best. Html defines meta as structural coding elements that are used extensively to provide detailed web page information, like breaking down the structure of a web page for. Meta tags are html tags that helps you get better rankings with a search engine. Listed below is a definition of each meta tag and what to enter into the free meta tag. Html cheat sheet in pdf and jpg new html5 tags included.
To download the product you want for free, you should use the link provided below and proceed to the developers website, as this is the only legal source to get meta tag maker. Stack overflow for teams is a private, secure spot for you and your coworkers to find and share information. There are five different meta tags, but ill only go over two. First off, you need to open your html editor, where you will find a clean white page on which to write your code. Most content is shared to facebook as a url, so its important that you mark up your website with open graph tags to take control over how your content appears on facebook. Meta tags are html tag content that provide metadata about your website such as description. That way, the cheat sheet will be ready whenever you need a reference. Meta tags can help both search engines and searchers. However, we must warn you that downloading meta tag maker from an external source releases fdm lib from any responsibility. Typically, they control the action of browsers, and may be used to refine the information provided by the actual headers. The html tag is used for declaring metadata for the html document. There are many free courses and ebooks available to learn these languages. Perhaps check out where to start or what is html first. You can use the html meta tags to specify information about the web document.
The content language entity header is used to describe the language s intended for the audience, so that it allows a user to differentiate according to the users own preferred language. Jun 26, 2010 meta tag generator tool for blogger meta description and meta keywords are the most popular html tags which are still recommended despite many arguments by several expert search engine optimizers. The list of useful meta tags used in html5 documents. Jan 16, 2018 html meta tag watch more videos at lecture by. Use html javascript easily with html help and samples. This section contains a complete list of standard tags belonging to the latest html5 and xhtml 1. The robots tag is used to specify if a web page is or is not indexed by the search engine. Meta tag misuse, the third component of this module, may generate less obvious but equally serious problems. Free meta tag generator create free customized meta tags. Meta refers to an active conceptual or functional component that is not visible.
This is not an exclusive list of available meta tags, and you should feel free to use other meta tags if they are important to your site. Well organized and easy to understand web bulding tutorials with lots of examples of how to use html, css, javascript, sql, php, and xml. After adding the meta tags to your page, check if the meta tags are correct by using the website analyzer. Learn html source code, function, forms, website, design. These tags should be placed underneath each other at the top of every html page that you create. And dont hesitate to download a piece of software to help you add those tags properly. This html tutorial explains how to use the html element called the meta tag with syntax and examples. Once youve downloaded the html cheat sheet, save the file into your devices or print one out. The following section contains a brief overview of html5 tags. Learn all about html meta tags within our free online html tutorial. Guide to writing title tags and meta descriptions for seo. The meta tag is used to generate additional info to the search engine. Programming languages, especially html, use the meta prefix to describe related terms.
Authors are encouraged to specify a lang attribute on the root html element, giving the documents language. They were designed for search engines, browser that are viewing with the page, caching proxyservers and other programs that work with html. The title tag of a page and the meta description are displayed when that page appears in the results of the search engine. Meta tags are special tags in html that contain auxiliary information about the document. They help search engines understand the content of a page. Supports meta tags including the name, property, equiv, charset and itemprop attributes. Meta tags are part of the html tags that describe your page content to search engines and website visitors.
The first thing that every blogger must do after creating a log is to optimize his template by submitting it to search engines and by adding. Google can read both html and xhtmlstyle meta tags, regardless of the code used on the page. Free html, css, html5 and css3 online and pdf books. They can be optimized to highlight the most important elements of your content and make your website stand out in search results. The html meta tag contains information or metadata that is not directly visible on the web page, but is used by browsers and search engines also called meta element. The meta element is used to specify page description, keywords, author, and other metadata. Html tutorial meta tag keywords, description, refresh. The meta tag define metadata about the current html document.
Meta elements can be used to specify page description, keywords and any other metadata not provided through the other head elements and attributes. These information will not be seen, unless the user will select view source from the view menu where he will have access to the html part of the page. This cheat sheet or html code quick reference lists the common html tags and their attributes, grouped into relevant sections in an easytoread format. Here is an example of a web page without the viewport meta tag, and the same web page with the viewport meta tag. The meta elements can be used to include namevalue pairs describing properties of the html document, such as author, expiry date, a list of keywords, document author etc. Theyre just in the background, waiting for search bots to detect the html and use it to improve the pages search result. Jun 15, 2018 a guide to html and meta tags in 2018. Title tags and meta descriptions are bits of html code in the header of a web page. Here we look at whether these are useful when declaring language for html content, and if. Mar 12, 2014 a look at how to use meta tags in html, with some best practices for making your content more accessible and seofriendly. Tags marked with should still work, but have been superseded by cascading style sheets css, which is now the recommended. Browsersuser agents may use the application name in.
The contentlanguage entity header is used to describe the languages intended for the audience, so that it allows a user to differentiate according to the users own preferred language for example, if contentlanguage. Add meta tags to specific posts, choose what custom post types to support from our settings page. Multiple meta elements with different attributes can be used on the same page. They also describe the web page for future web developers. Most major search engines index meta tags for use in their search results. Meta tags are tags that have no visible effect on the web. May 09, 2017 this video shows how to use meta tag in html of this html tutorial video series. Free metatags generator official usa meta tags website.
Use header tags to help search engines understand your main topic on each page. Meta tags are hidden html tags used in the head section of your web pages to provide information about your website or web page to search engines. Meta tags are text snippets, in the form of data which portrays your pages content. If the page is not a web application, the applicationname metadata name must not be used. A4desk website builder allows you to easily build a website, and then optimize your website for seo search engine optimization using html title and meta tags. Webmasters sharing documentation facebook for developers. No need to create metatags with the metatags generator if you use a cms system. Meta tags are invisible tags that provide data about your page to search engines and website visitors. The html lang attribute can be used to declare the language of a web page or a portion of a web page. A quick and easy guide to meta tags in seo search engine watch. When you use a meta tag, you specify the attribute and the value. Defines an abbreviated form of a longer word or phrase.