Questions tagged [meta]

Meta elements are the HTML or XHTML element used to provide structured metadata about a Web page. DO NOT USE this tag for questions about Stack Overflow; post these on meta.stackoverflow.com instead.

Do not use this tag for talking about Stack Overflow. Post your question on Meta instead.

Meta elements are the HTML or XHTML <meta … > element used to provide structured metadata about a Web page. Multiple elements are often used on the same page: the element is the same, but its attributes are different. Meta elements can be used to specify page description, keywords and any other metadata not provided through the other head elements and attributes.

The meta element has two uses: either to emulate the use of the HTTP response header, or to embed additional metadata within the HTML document.

With HTML up to and including HTML 4.01 and XHTML, there were four valid attributes: content, http-equiv, name and scheme. Under HTML 5 there are now five valid attributes: charset was added. http-equiv is used to emulate the HTTP header. name to embed metadata. The value of the statement, in either case, is contained in the content attribute, which is the only required attribute unless charset is given. charset is used to indicate the character set of the document, and is available in HTML5. Such elements must be placed as tags in the head section of an HTML or XHTML document.

Meta element used in search engine optimization

Meta elements provide information about a given Web page, most often to help search engines categorize them correctly. They are inserted into the HTML document, but are often not directly visible to a user visiting the site.

They have been the focus of a field of marketing research known as search engine optimization (SEO), where different methods are explored to provide a user's site with a higher ranking on search engines. In the mid to late 1990s, search engines were reliant on meta data to correctly classify a Web page and webmasters quickly learned the commercial significance of having the right meta element, as it frequently led to a high ranking in the search engines — and thus, high traffic to the website.

As search engine traffic achieved greater significance in online marketing plans, consultants were brought in who were well versed in how search engines perceive a website. These consultants used a variety of techniques (legitimate and otherwise) to improve ranking for their clients.

Meta elements have significantly less effect on search engine results pages today than they did in the 1990s and their utility has decreased dramatically as search engine robots have become more sophisticated. This is due in part to the nearly infinite re-occurrence (keyword stuffing) of meta elements and/or to attempts by unscrupulous website placement consultants to manipulate (spamdexing) or otherwise circumvent search engine ranking algorithms.

While search engine optimization can improve search engine ranking, consumers of such services should be careful to employ only reputable providers. Given the extraordinary competition and technological craftsmanship required for top search engine placement, the implication of the term "search engine optimization" has deteriorated over the last decade. Where it once implied bringing a website to the top of a search engine's results page, for some consumers it now implies a relationship with keyword spamming or optimizing a site's internal search engine for improved performance.

Major search engine robots are more likely to quantify such extant factors as the volume of incoming links from related websites, quantity and quality of content, technical precision of source code, spelling, functional v. broken hyperlinks, volume and consistency of searches and/or viewer traffic, time within website, page views, revisits, click-throughs, technical user-features, uniqueness, redundancy, relevance, advertising revenue yield, freshness, geography, language and other intrinsic characteristics.

Reference

1562 questions
1811
votes
24 answers

How to redirect one HTML page to another on load

Is it possible to set up a basic HTML page to redirect to another page on load?
chobo
  • 31,561
  • 38
  • 123
  • 191
375
votes
8 answers

What is "X-Content-Type-Options=nosniff"?

I am doing some penetration testing on my localhost with OWASP ZAP, and it keeps reporting this message: The Anti-MIME-Sniffing header X-Content-Type-Options was not set to 'nosniff' This check is specific to Internet Explorer 8 and Google…
Pringles
  • 4,355
  • 3
  • 18
  • 19
136
votes
1 answer

What's the difference between meta name and meta property?

Two common meta element attributes are: and what is the difference between meta name and meta property?
weaveoftheride
  • 4,092
  • 8
  • 35
  • 53
124
votes
3 answers

Open graph can resolve relative url?

I'm adding Facebook Open Graph meta tag to my site. For example: Does Open Graph take relative URLs? Otherwise, how can I convert a relative url to an absolute url in asp.net mvc3 - Is there…
ebattulga
  • 10,774
  • 20
  • 78
  • 116
124
votes
3 answers

How to use the 'og' (Open Graph) meta tag for Facebook share

Facebook fetches all pictures from my site. I want to share only one picture which is on that page. I heard about the og meta tag, but I don't know how to put it.
Vignesh Babu M D
  • 1,259
  • 2
  • 9
  • 4
104
votes
6 answers

Auto refresh code in HTML using meta tags

I'm trying to refresh the same page but it isn't working. This is my HTML code: HTML in 10 Simple Steps or Less
Sourabh
  • 1,148
  • 2
  • 9
  • 10
80
votes
4 answers

Difference between tag and tag

Please clarify what is the difference between tag and tag. Page title If both are used, which is most prioritised? I observed some sites that have both…
Rajasekhar
  • 2,215
  • 3
  • 23
  • 38
71
votes
7 answers

Achieving min-width with viewport meta tag

I would like my webpage's viewport width to equal device-width as long as device-width > 450px, or 450px otherwise (my layout dynamically scales, but doesn't look good below 450px wide). The following two meta tags work well on tablets, where the…
Tom G
  • 2,025
  • 3
  • 21
  • 32
57
votes
2 answers

What is X-UA-Compatible when it references IE=edge,chrome=1?

I just saw this meta tag in the wild and was wondering it does and why it's used? Reading the documentation on About.com, it says: "IE=edge" tells Internet Explorer to use the…
sergserg
  • 21,716
  • 41
  • 129
  • 182
44
votes
12 answers

Full webpage and disabled zoom viewport meta tag for all mobile browsers

I want my webpage to be full screen and disable zooming on all mobile devices. With the meta tag: I am able to do this for iPhone/iPad, but on Android devices the website is zoomed in to…
user1054080
38
votes
4 answers

Tensorflow: How to convert .meta, .data and .index model files into one graph.pb file

In tensorflow the training from the scratch produced following 6 files: events.out.tfevents.1503494436.06L7-BRM738 model.ckpt-22480.meta checkpoint model.ckpt-22480.data-00000-of-00001 model.ckpt-22480.index graph.pbtxt I would like to…
Rafal
  • 479
  • 1
  • 4
  • 10
36
votes
2 answers

Jquery Select meta[property=og:image]?

I want to select in Jquery the main photo in a web page, I just have the url page. so I decided to use the meta written for Facebook sharing. I want to select the content of : meta property="og:image" content="http://blablabla.jpg" I wrote this,…
Maxxx
  • 1,179
  • 3
  • 16
  • 21
31
votes
3 answers

apple-mobile-web-app-status-bar-style in ios 10

I know this question has been asked previously, just want to know if this is still the case in ios 10 (and ios 9)... According to the apple developer guidelines for web apps (found here), there are 3 choices for the status bar in a web app; default,…
Brad
  • 1,019
  • 1
  • 9
  • 22
29
votes
3 answers

How can I allow Mixed contents (http with https) using content-security-policy meta tag?

I'm forcing https to access my website, but some of the contents must be loaded over http (for example video contents can not be over https), but the browsers block the request because of mixed-contents policy. After hours of searching I found that…
Mustafa Dwaikat
  • 3,392
  • 9
  • 27
  • 41
28
votes
1 answer

Meta tags for URL with description and image (In Skype, Discord)

When someone sends a link in Skype or Discord, it can show an image and description, for example: I think it's because of tags in the HTML element. But HTML supports hundreds of tags... I found this page on GitHub, Link:…
Oliver
  • 341
  • 2
  • 4
  • 21
1
2 3
99 100