You can also earn mozpoints by answering other community members questions. You may have heard talk of html meta tags on the web, most likely in connection with search engines. Today html5 is the standard version and its supported by all modern web browsers. Html meta tags tutorial here you will learn all about meta tags in html with examples. The doctype originates from html s sgml lineage and, in previous levels of html, was originally used to refer to a document type definition dtd a formal declaration of the elements, attributes and syntactic features that could be used within the document. Meta tag contain the information about web page keyword, description, focused key word etc. Google puo leggere meta tag di tipo html e xhtml, indipendentemente dal codice utilizzato nella pagina. So if that screen is 320px wide, the browser window will be 320px wide, rather than way zoomed out and showing 960px or whatever that device does by default, in lieu of a responsive meta tag. Meta tags information about your blog and website that are unseen by visitor but crawled by search engines and help search engine to understand that what the webpage is about. Oct 26, 2011 this supposed classification meta tag is nothing more than another meta keywords tag, which we all know is worthless link and according to a recent post from bing and danny sullivan may even hurt your site. Meta tag gives the information about your html page. They are inserted into the html document, but are often not directly visible to a user visiting the site or, metadata is information about data. Global attributes manifest application cache manifest accessibility considerations. Robots meta tag only if you use noindex or nofollow.
In this course, senior author james williamson presents an overview of html5, demystifies the languages new tags and attributes, and discusses how browsers parse and display html5 content. Meta tags are html tag that you have to put in the head tag of a web page. 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. Keep in mind that social sharing sites like facebook commonly use a pages meta description tag as the description that appears when the page is shared on their sites.
The value must be a set of commaseparated tokens, each of which is a keyword relevant to the page. An html elements end tag can be omitted if the html element is not immediately followed by a comment. What is meta tag and where it used metadata elements or meta tags provides the metadate about the html document, metadate are not show on the page, but its. Dec 27, 2019 you dont need this meta tag if youve chosen one of the other options. Ive found a small blog post discussing this meta tag and the viewport content. Well organized and easy to understand web bulding tutorials with lots of examples of how to use html, css, javascript, sql, php, and xml. A quick and easy guide to meta tags in seo search engine watch. Some arent meta tags but are import to use in html content creation. If youd prefer, you can just add the html meta tag to your header. Defines an abbreviated form of a longer word or phrase.
The meta element is used to specify page description, keywords, author, and other metadata. If you are browsing this page with a phone or a tablet, you can click on the two links below to see the difference. However, this mechanism is not so good for pages that are optimized for narrow screens using media queries if the virtual viewport is 980px for example, media queries that kick in at 640px or 480px or less will never be used, limiting the effectiveness of such responsive design techniques. Simply scroll down to browse all html tags alphabetically or browse tags by their. This is because one of the common uses of meta tags is to give search engines additional information about your web page when they index it. This html tutorial explains how to use the html element called the meta tag with syntax and examples. Gain a deeper understanding of html5, and learn how to create richer, more meaningful webpages with html5 structural tags and enhanced semantic markup. One caveat to intentionally omitting meta description tags. Which html5 tag should i use to mark up an author s name. A guide to html and meta tags in 2018 search engine watch. Language should be included in the opening html tag. The meta charset quality could be generally overridden utilizing the lang characteristic on any component. Make sure that the meta tags on your website are unique for each and every page and try to make them as attractive as possible. However a lot of the customization for mobile web apps is done in the document header.
This section needs revising and may be moved to an external document and simply referred to. Meta tags are slowly being recognized as the best way to push data out to many different mobile platforms. Create good site architecture, target just one keyword with each page, and focus your site around one niche. Especially the use of the title tag and meta description is very important. If you want to redirect page immediately then do not specify content attribute.
Meta description is what shows up in search engine results. The meta tag provides metadata about the html document. Html meta tag is used to provide structured metadata about a web page. A pages title tag and meta description are usually shown whenever that page appears in search engine results. Authorship and other article meta information fits perfectly into this key. Metadata will not be displayed on the page, but will be machine.
In other words it gives some information about our html page. They help search engines understand the content on a page. The essential meta tags for social media csstricks. Html cheat sheet bernerslee invented it back in 1991. A complete explanation of the most unusual tag in html. Robots and search engines use them to know if they can index the page, the visits intervals, the description, the keywords of the page. 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. 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. Jun 15, 2018 a guide to html and meta tags in 2018. This section contains a complete list of standard tags belonging to the latest html5 and xhtml 1.
For example, keywords for the current page could include html5 meta tag, element, metadata, meta data, keyword, keywords, description, generator, applicationname, author. Html lets you specify metadata additional important information about a document in a variety of ways. This should get you started on the right path for mobile web dev, and you can even setup a blank html5 template with many of these meta tags initialized. This video shows how to use meta tag in html of this html tutorial video series. Twitter cards and open graph social media html sample. Meta charset important for correct rendering in browsers. If you click the save button, your code will be saved, and you get an url you can share with others. These tags are shown by search engines as a small text item in the search results. Jun 06, 2017 metadata is data information about data.
Google said that this may help worthy content to get noticed. It have lots of uses while creating a websitewebpage. Jan 16, 2018 html meta tag watch more videos at lecture by. Should i use 5 specification is that you can provide more than just a name, but also a link where further information about you is provided. Includes explanations of meta for search engines, automatic forwarding, and even what meta means. Example following is an example of redirecting current page to another page after 5 seconds. The following section contains a brief overview of html5 tags. The list of useful meta tags used in html5 documents. Liked the way you have described the meta keywords usage which is so very true. Which html5 tag should i use to mark up an authors name. It is used for specify page description, keyword, author of page, last modify, index.
Meta tag provides metadata about html page or webpage. Meta tags are a great way for webmasters to provide search engines with information about their sites. Html tutorial meta tag keywords, description, refresh. The html meta element represents metadata that cannot be represented by other html meta related elements, like base, link, script, style or title. 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. An html elements start tag can be omitted if the first thing inside the html element is not a comment. However, this mechanism is not so good for pages that are optimized for narrow screens using media queries if the virtual viewport is 980px for example, media queries that kick in at 640px or 480px or less will never be used, limiting the effectiveness of. Without the meta description tag, social sharing sites may. The syntax of the news meta keyword has subtle difference from custom keyword meta tag. Using the viewport meta tag to control layout on mobile. You dont need this meta tag if youve chosen one of the other options.
Here is an example of a web page without the viewport meta tag, and the same web page with the viewport meta tag. Meta elements provide information about a given web page, most often to help search engines categorize them correctly. The meta tag is used to generate additional info to the search engine. This document explains the syntax, vocabulary and the available apis for html5 documents, focussing on simplicity and practical applications for beginners while also providing in depth information for more advanced web developers. The meta charset quality is new in html5, and replaces the requirement for.
They can be used to provide information to all sorts of clients, and each system processes only the meta tags they understand and ignores the rest. May 09, 2017 this video shows how to use meta tag in html of this html tutorial video series. Meta tag or meta element is such an element, which sends instruction to the browser about behaving with html written text. So what is the commonly used html5 tag for authors. Meta tags dont do anything to the content that is presented in the browser window, but they are used by the likes of search engines to catalogue information about the web page. There is one meta tag which can be used as many times as you desire inside a head element and they can contain the attributes charset, name, equiv, and content.
716 277 572 1117 813 492 397 278 1226 948 1244 1083 1043 592 72 1254 214 431 437 558 561 750 84 695 1433 625 603 1137 660 699 765 252 581 956 682 1002 558 1200 1038 703 1133