But after html 5 if you look at it from the search engine optimization point of view then it would not harm to put meta tags inside the body. It is positioned near the top of the html code in a web page, usually as part of the heading. As the web gets older this function does not have the same importance. Html also has six levels of headings, which use the elements. The title tag displays the text you see in the top bar of a web page.
This is the key in determining the character encoding that is used for the html document. Typically, they control the action of browsers, and may be used to refine the information provided by the actual headers. Html meta tag is used to provide structured metadata about a web page. The meta tag is used to generate additional info to the search engine. Example following is an example of redirecting current page to another page after 5 seconds. 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. Here is an example of a web page without the viewport meta tag, and the same web page with the viewport meta tag. These meta tags and its value do not emerge out on. Choose a free learning path and get valuable insights from firstrate courses. A meta tag is a tag in html hypertext markup language that describes a specific aspect of the web page content. The title tag isnt a meta tag but is related to the discussion in this article. Html html tutorial meta tag keywords, description, refresh, revised. This is the widely used markup language to create web pages.
The meta tag is an html tag used to set the metadata of the html document. Meta tag or meta element is such an element, which sends instruction to the browser about behaving with html written text. The tutorial on html meta explaining meta keywords and other meta tags in html. Html basic tags any document starts with a heading. Html metadata is a concept that applies mainly to electronically archived data and is used to describe the a definition, b structure and c administration of data files with all contents in context to ease the use of the captured and archived data for further use. 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. The presented information in a meta tag is utilized by search engines to index the page. Apart from text, the current version of html supports many different types of media, including images and videos. If you click the save button, your code will be saved, and you get an url you can share with others. Description meta tag provides a brief htmlpage description. Free metatags generator to create a title, description.
The tutorial explains how to use the html title tag, meta tag description and keywords to improve rankings in search engines thereby generating more traffic to your website or web page by appearing in search engine results. After adding the meta tags to your page, check if the meta tags are correct by using the website analyzer. Metadata is data information about data for example, keywords and description that relate to the document. Basic meta tags help learn html tag coding html tutorial. Learn how to create meta tags for your website outsource sem. Meta tags are specific snippets of text and image content that provide a summary for a webpage. Apis are the threads that let you stitch together a rich web experience. Creating html metatags using the dublin core element set. Html meta tag is used to declare metadata inside web document. And exactly the contents of this tag helps user of search engine to define whether your site corresponds to his query or doesnt.
Html meta tag meta can be called as data about data. 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. Meta tags arent a magical solution, but they will help ensure your website appears on search engine results pages. These invisible units provide a flag for search engines to investigate and will then present that data to any potential users that stumble across your site through a search engine. Html stands for hypertext markup language which is the full form of html. Study these meta tag tutorials and apply the information to your html documents head section in order to optimize for the search engines and increase your web traffic. Well also learn to automatically refresh pages and also to. Meta tags are html codes and very crucial part for your website ranking on serp. Despite what many seo experts say, the meta description tag is still used by search engines when displaying search results as illustrated in the above screenshot. Meta tags are snippets of text that describe pages content. There are many different meta tags you can include in your pages but the most. A metadata can play a major role in the search engine opimization of a website. Mar 12, 2014 the content of meta tags generally describes information about the html page which usually cannot be represented by any other html tags. The first is adding additional meta data to each html page in question, the second is configuring zoom to use those new meta fields before indexing the site.
They are useful for web sites like ecommerce and real estate sites where searches will be based on specific criteria such as price, size, color, location or other. The course is designed for new web developers, and will introduce common web development concepts. Html hypertext markup language is an xmlcompliant system of annotating documents with tags. For example, when serving documents using the pdf proxy servlet supplied with the package, any meta tags with names beginning with are passed. This information is called metadata and while it is not displayed on the page itself, it can be read by search engines and web crawlers. Basic search engine optimization tutorial download. It was decided not to add syntax to allow robot specific permissions within the meta tag. Seo tutorial basic search engine optimization free pdf download.
In addition to that, the meta tag can also be used to. If you want to allow the user to scale the page remove userscalableno and maximum. The meta keywords tag is a deprecated tag as its not as important as your meta description and title tags. Dublin core element set, html, metadata, meta tag, search engine creating html meta tags with the dublin core element set overview the breadth and scope of information available online and through intranets is making the.
Html lets you specify metadata additional important information about a document in a variety of ways. Often meta tag data shows up whenever someone shares a link on social media, in messaging, or in your business chat software in addition meta tags can contain information to help search engines and other technical services scan your site to. Jan 16, 2018 html meta tag watch more videos at lecture by. The image below show the custom meta tags added for the lettuce item of the demo. Meta elements provide information about a given web page, most often to help search engines categorize them correctly. Web pages often include metadata in the form of meta tags. Servlets and jsp, and this tutorial available at public and this tutorial.
Meta tags are text snippets, in the form of data which portrays your pages content. Html meta tag provides the meta information of web page such as meta description, meta keywords and meta charset etc. Dublin core element set, html, metadata, meta tag, search engine creating html metatags with the dublin core element set overview the breadth and scope of information available online and through intranets is making the. Html meta tag with html tutorial, tags, anchor, img, div, entity, textarea, marquee, p tag, heading tag, h1, h2, table, formatting, attribute, elements, ol, ul, input. It means it holds information about other information, but the information is in the form of raw data. Read the theory for html meta tag and check out the examples.
From hypertext, we mean that a text lies inside a text. It contains various elements like charset, name, contenttype, author, designer, publisher, title. Your contribution will go a long way in helping us. This tutorial explains what html meta tags are, which meta tags matter, and how.
Meta tags provide information about the webpage in the html of the document. This html tutorial explains how to use the html element called the meta tag with syntax and examples. Defines the mime type of the document, followed by its character encoding. Oct 09, 2017 this video is one in a series of videos where well be looking at building websites with html. If you are browsing this page with a phone or a tablet, you can click on the two links below to see the difference. Html tutorial meta tag keywords, description, refresh. Html meta tag w3schools online programming tutorials.
Creating meta tags for your website is the basic step that every seo expert must know because basics are like your backbone. Metadata is the additional information about the web document such as page description, author, a list of important keywords, etc. The meta tag keywords is not typically used by robots. This tutorial explains what html meta tags are, which meta tags matter, and how to avoid mistakes when implementing meta tags. Meta tag in html allows you to provide metadata of your html page.
Most search engines determine what keywords fit with the content on the web pages. This video is one in a series of videos where well be looking at building websites with html. If you want to redirect page immediately then do not specify content attribute. Stack overflow for teams is a private, secure spot for you and your coworkers to find and share information. This includes title tags, meta descriptions, and links. There are two main steps to adding custom meta fields. Is it possible to use inside the body tag for html5. Use a different meta description tag for each page, as each page is different and stands a better chance of being found if you place a good title and description on it. Ajax and dynamic xhtml dynamically inserted html should follow same rullhtmles as regular html case, quotes, end tags, and boolean attributes wrong document. It provides a last chance to keep their content out of search services. Therefore the valid syntax for its content is the string text html followed by a character set with the.
The meta information is not display but it is useful for search engine. In earlier times some mata tags provided the information to search engines crawlers. Use the following tips for preparing good meta keywords tags. It is used specifically to create content for web pages and web applications, which can then be shared over a network. The meta tag with the equiv parameter set to refresh is used to redirect a web page in html. To add meta tags you add meta tags within the tags of your html document. No need to create metatags with the metatags generator if you use a cms system. Please refer to the previous chapter for identifying good keywords. It is used by search engines for indexing and as a brief annotation in the response to a request alongside with link. In other words it gives some information about our html page. Frontpage automatically insert meta tags for you or can be configured to do so.
Liked the way you have described the meta keywords usage which is so very true. Metadata is not displayed on webpage but when you search any keyword. Meta tags are used to supply information for search engines that will not be seen by the web surfer. In meta tags html meta tags we learned about the structure of meta tags. Meta tag in html the tag specifies metadata about the document. Well organized and easy to understand web bulding tutorials with lots of examples of how to use html, css, javascript, sql, php, and xml. Revisit after this meta tag is a command to the robots to return to a page after a. Custom meta fields multi criteria search custom meta tags can be used to allow searches based on specific criteria, similar to using categories but allowing for more customization. But this experience has a hard time translating to the browser, where the options for crossdomain requests are limited to techniques like jsonp which has limited use due to security concerns or setting up a custom proxy which can be a pain to set up and maintain. May 01, 2012 meta tags arent a magical solution, but they will help ensure your website appears on search engine results pages.
270 699 446 951 1170 760 179 955 715 794 742 1492 935 541 247 1467 64 926 729 325 484 1462 1249 1355 685 96 1553 643 1428 506 336 533 44 315 695 154 160 739 297 946 787 1334 969 1378