Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 5 years ago.
Improve this question
I have some questions about meta tags.
At the top of a tab, where the title shows up, there's an image next to it. How do I add an image like that?
The <meta name="keywords" content="HTML, Questions," meta tag, does it still have any purpose?
Why is <meta name="author" content="Firstname Lastname" Used? What purpose does it serve?
How do you use <meta viewport>?
Looks like you didn't do a great research because all these answers can be found easily.
Metatags info: https://github.com/joshbuchea/HEAD#meta
1- It's called favicon.
2- Used to has a purpose but didn't more.
3- Crawlers like Google, Facebook, or even a custom, may identify the Author of the page accordingly to that information.
4- https://stackoverflow.com/a/14775557/2873889
In the past, meta tags were used by search engines to index web pages based on title, description, and even keywords. However, certain websites started overusing them, cramming popular keywords in the hope of getting better search results. Google, recognizing this, announced that they don’t use meta keywords or descriptions in their search algorithms for ranking purposes.
Coming onto one attribute at a time:
1) Description- Search engines generates a description from the content attribute.
When you share URL of your webpage to other websites or platforms, let's say you share a blog on Whatsapp, Whatsapp will show the description along with your URL to the users. You can try it on your own.
2) charset="UTF-8" - sets the encoding of your webpage. Another encoding is UTF-16.
3) Keywords- Keywords help other applications to know more about your website. Although many websites still use the keywords value of the name attribute, Google doesn't consider this in its search ranking algorithm or when displaying search results.
4) Author- You can set the author of a page using author attribute.
5) - Before tablets and mobile phones, web pages were designed only for computer screens, and it was common for web pages to have a static design and a fixed size.
Then, when we started surfing the internet using tablets and mobile phones, fixed size web pages were too large to fit the viewport. To fix this, browsers on those devices scaled down the entire web page to fit the screen.
Meta tags can be used to perform the task of HTTP headers like redirection and refresh also.
To know more about meta tags you can refer to this link https://www.sitepoint.com/meta-tags-html-basics-best-practices/
Q1). You need to have a favicon . You can get more detail here: https://www.w3.org/2005/10/howto-favicon
Q2). Yes, meta tags are still useful.
Q3). This just states who created the webpage.
Q4). Check out https://www.w3schools.com/css/css_rwd_viewport.asp
Lastly, just look at w3schools.com and codeacademy.
You can add a favicon by using <link rel="icon" href="#" sizes="16*16"> and insert the image you want for your favicon in the href.
The keyword tag is used for search engine indexing.
The author tag is used to identify the creator of the content.Yes,both of them are still useful.
<meta name="viewport> is used to set the size of the visible portion of the document in different browsers:
<meta name="viewport" content="width=device-width, intial-scale=1.0">
Related
How can I add "metadata" (green and red lines on the picture below) to a website? Probably the name metadata isn't correct, sorry for that.
I already tried modifying the following tag in the index.html page, but am not sure if this is the right way of doing it:
<meta name="description" content="some content...">
Do you have any suggestions on how to do this?
In HTML, there are at least two tags which allow you to control how your website appears in search results.
The first one is the title tag of your page. This title will of course appear in your browser tab, but it will also appear in the search results. Make sure to use an accurate title which reflects the content of your page. The <title> tags should be placed inside de <head> tags of your HTML code.
The second one is the meta description tag, which will show the user a short description of the content. This is the part marked with a green line in your question. The <meta> tag also goes in the head tags of your HTML code, usually just after the <title> tag.
Example of the mentioned tags with correct syntax:
<head>
<title>Stack Overflow - Where Developers Learn, Share, & Build Careers</title>
<meta name="description" content="A public platform building the definitive collection of coding questions & answers..."/>
</head>
The part marked with a red line in your question, is what we call sitelinks. They are generated automatically and depend of your website's navigation, the titles and headers you used, etc. This may sound obvious, but you should use different titles and descriptions for each individual page.
The way sitelinks are generated and how you can improve them is very well explained on Google's page about sitelinks.
I have a website, and I need to figure out a few things:
Where to put the meta tag?
How many meta tags do I need?
Can I put all the webpages in 1 meta tag or do I need multiple?
As for my website, there are over 1000 things you can do, so an example would be "John is looking for a poker player." On my website, if you go under board games and click cards, you could add a classify OR if you do a search, you can look for members who play poker/card games. This is one example of thousands of activities.
My question is: do I need to create 1 meta tag for keywords of poker, friend, activity to show up on an SEO, OR can I create 1 meta tag that will hold 1000+ keywords on 1000+ different topics?
My website was created in C#. I'm confused when I google meta tags on youtube and find them written out in notepad as an html.
You should not use Meta tag for keywords !
The Keywords Meta Tag
A long time ago in a galaxy far, far away, the “keywords” meta tag was
a critical element for early search engines. Much like the dinosaurs,
this tag is a fossil from ancient search engine times.
The only search engine that looks at the keywords anymore is
Microsoft's Bing – and they use it to help detect spam. To avoid
hurting your site, your best option is to never add this tag.
Or, if that's too radical for you to stomach, at least make sure you
haven't stuffed 300 keywords in the hopes of higher search rankings.
It won't work. Sorry.
If you already have keyword meta tags on your website, but they aren't
spammy, there's no reason to spend the next week hurriedly taking them
out. It's OK to leave them for now – just take them out as you're
able, to reduce page weight and load times.
Check this link for crucial parts for your SEO !
This website can give you points in which your SEO is not good !
Also it will be good to see how fast your website is responding. You can check this link
Last 2 links give you detail information how you should fix the problems which you have.
Meta tags should be in <head>, css also in <head>, javascript if it possible at the end of the <body>.
You can check google web speed test
EDIT:
Here is meta description and title. If your website is written on C# this is probably located in Site.Master !
<head>
<title>Not a Meta Tag, but required anyway </title>
<meta name="description" content="Awesome Description Here">
</head>
1) Meta tags are always in <head> element of page.
2) It depends on what metadata you want to add to your page.
3) You will need 1 <meta> tag for each meta type. So 1 tag will be enough for your keywords.
You can find more about meta tag on W3Schools.
I am building a website designed for 4 different languages, using Sinatra, and using the I18n libs to insert localised content, but I am wondering what to do about the standard HTML5 meta tags for things like description and keywords, and how Google and other search engines will treat them if I localise the content in those tags.
Ideally I want to be able to tell Google (et al), perhaps via information in a sitemap.xml file or something (though I'm not certain that's even possible), that the site may be parsed in these 4 languages, and so present correctly localised keywords, and descriptions to users depending on their locale preference.
Likewise I want to be able to localise the information going out to Twitter and Facebook by localising the relevant og meta tags, and twitter:card` meta tags.
Note: the actual page URLs will be the same no matter the language chosen, localised content is rendered in the Slim templates themselves.
Is it enough, for example, to specify
html lang='de_DE'
I'm after a best-practice and DRY way of achieving nicely localised search result summary information for my international users.
If the different language versions reside at the same URL, then what search engines get is what your server sends to a browser that does specify any language preferences. According to your description, it thus seems that they always get the default (English) version. No meta tags or lang attributes can affect this. (And search engines ignore lang attributes.)
So you should arrange thing so that each language version of a page has a URL of its own. (The difference could be in the query part only, e.g. ?lang=de-DE at the end.) Moreover, the versions should be interlinked, with link elements or with visible a links, so that when a search engine has found one version, it will find the other versions, too, just by following links.
P.S. Writing <meta name=keywords ...> tags is probably waste of time. Google has ignored them long ago.
You can provide meta elements with content in different languages on the same HTML document by using the lang attribute:
<meta name="description" lang="de" content="…" />
<meta name="description" lang="en" content="…" />
<meta name="description" lang="es" content="…" />
<meta name="description" lang="fr" content="…" />
If any third party services like Google or Facebook recognize this is a different question which cannot be answered in general, depends on the specific service, context and the point in time, as things might change rapidly.
However (as Jukka K. Korpela notes, too), in general you should use separate URLs for translations. Give users (and search enginges etc.) the ability to link to a specific language version.
Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 11 years ago.
Improve this question
I read some articles on Internet, some said that search engine like Google and Bing don't care about HTML Meta Tags any more. Should I still need to maintain the HTML Meta Tags in my website properly?
Thanks!
Are meta tags critical? Every search engines emphasizes meta tags differently. Google doesn't let the public know how it uses meta tags. I have noticed that a lot of websites show up on the first page of Google for specific subjects and yet they don't have any keyword or description tags. So don't let anybody fool you by exaggerating how important they are for Search Engine Optimization. Search engines index algorithms vary greatly -- some assign a lot of importance to meta tags, so it is a good idea to use them.
Meta tags are lines of code that are hidden in web pages. The code information is not revealed in the web browser (but refer to the discussion of the description tag, below) but they are utilized by search engines to help categorize your web content. It is possible that you might choose to omit descriptions, or keywords, but your site won't look right if you don't put a "title" tag, since the web browsers will show it as "Untitled".
In order to obtain traffic (by cheating) a long time ago, people would place repetitive or irrelevant information into their meta tags -- "stuffing" them. As a penalty, several search engines don't put too much importance on keywords in meta tags, but they still look at them to be certain they have meaning. Whichever the case, your rank will probably suffer on other search engines if you lack meta tags, or have useless keywords.
The "head" section of a web page is where meta tags are found. Some people suggest using only lowercase letters in your tags, and avoid repeating terms within the keyword tag.
Generally speaking, the actual meta tag contents appear invisible; however the "description" meta tag's contents will turn up in the majority of search engines together with the page title in the search results. Do not overdo your meta description; you can place keywords in the description tag, but try to keep language natural, in complete sentences, and keep it short and relevant.
In short, yes - META tags are important. But not all of them.
Purely from search engine listings - Always include a useful META DESCRIPTION thats unique for every page - even if that doesn't bump you up the rankings, a good succinct description will do wonders for your click throughs and bounce rates, because people are more likely to think they can find what they are looking for.
I would also include META KEYWORDS although it should be said that its probably of no use - so I generally pick out some site wide keywords and use them throughout.
Other META tags have uses such as the ROBOTS tag, and the like - but they are for other purposes.
here is the thing: what do you summarize as meta tags, do you only mean meta tags or everything in the
<head>
of your HTML? the sloppy definition of meta tags mostly includes these elements as well.
these "meta" tags are still very very important for efficient SEO.
<title></title> (not really a meta tag, but in the <head> section) because google uses it (in most cases) as the headline of the listing in the SERP
<meta rel="description" content="because google uses this text here as the snippet text of the SERP (in most cases) listing">
<meta content='noindex, nofollow, noarchive, nosnippet' name='robots'/>
a very efficient directive to control the indexing behavior (and to some extend the crawling behavior and value allocation) of google
<meta name=”robots” content=”noodp”>
get rid of snippets that use http://www.dmoz.org/ for descriptions
<meta name="robots" content="noimageindex">
advises google to not index the images found on this page (but they might get indexed if they are used on other pages)
<link href='http://www.example.com/en/vienna/cha-no-ma' rel='canonical' />
(not meta, but in the head) communicate a canonical URL (the one you would like to get indexed) to the search engines.
<link href="http://www.example.com/en/vienna/b/billa" hreflang="en" rel="alternate" />
together with the canonical a cool way to communicate alternate language versions of a page to google
<link href='http://microformats.org/profile/hcard' rel='profile' />
if you want to achieve rich snippets in google by using microformats, these meta informations are necessary.
<META http-equiv="Content-Type" CONTENT="text/html; charset=iso-8859-1">
indication of content type and encoding
<META NAME="google-site-verification" CONTENT="+nxGUDJ4QpAZ5l9Bsjdi102tLVC21AIh5d1Nl23908vVuFHs34="/>
a way to verify your site for google webmaster tools
stuff that is not important:
meta keyword tag, just forget about it. its useless (and if you put spammy words in it even of negative value)
This question already has answers here:
Closed 11 years ago.
Possible Duplicate:
How does Facebook Sharer select Images?
When I add a Facebook link to my website, it picks up randomly large images from the site, and not quite attached to the story. How can I control what images are picked up by Facebook?
The developer of the website can include specific meta tags in the HTML.
From the Facebook page for "Share Partners"...
In order to make sure that the preview
is always correctly populated, you
should add the tags shown below to
your html. An example news story could
have the following:
<meta name="title" content="Smith hails 'unique' Wable legacy" />
<meta name="description" content="John Smith claims beautiful football is the main legacy of Akhil Wable's decade at the club. " />
<link rel="image_src" href="http://www.onjd.com/design05/images/PH2/WableAFC205.jpg" />
As shown, title contains the
preview title, description contains
the preview summary and image_src
contains the preview image. Please
make sure that none of the content
fields contain any html markup because
it will be stripped out. For
consistency's sake, please use the
tag to provide text data for
the preview, and the tag for
any source urls.
The title and summary tags are the
minimum requirements for any preview,
so make sure to include these two.