Menu
What is the best HTML5 element to use when tagging meta data for a blog post?
Posted by John Doe
on Dec 12th
in Design
Leave a Comment
752
asked Jun 21 '11 06:06
The <meta> tag defines metadata about an HTML document. Metadata is data (information) about data. <meta> tags always go inside the <head> element, and are typically used to specify character set, page description, keywords, author of the document, and viewport settings.
Meta tags are snippets of text that describe a page's content; the meta tags don't appear on the page itself, but only in the page's source code. Meta tags are essentially little content descriptors that help tell search engines what a web page is about.
The HTML <meta> tag is used for declaring metadata for the HTML document. Metadata can include document description, keywords, author, etc. It can also be used to refresh the page or set cookies. The meta tag is placed between the opening/closing <head> </head> tags.
Meta tags are invisible tags that provide data about your page to search engines and website visitors. In short, they make it easier for search engines to determine what your content is about, and thus are vital for SEO.
i would typically put this sort of info in the footer.
<article role="article" class="post" itemscope itemtype="http://microformats.org/profile/hatom">
<h1 itemprop="entry-title">Title</h1>
<section itemprop="entry-content">
...
</section>
<footer role="contentinfo">
<div itemscope itemtype="http://microformats.org/profile/hcard">
Posted by <span itemprop="fn">John Doe</span>
</div>
on <time itemprop="published" pubdate datetime="2011-12-12">Dec 12th</time>
in <a rel="tag" href="#">Design</a>
<a href="#">Leave a Comment</a>
</footer>
</article>
for more information see:
http://microformats.org/wiki/microdata
http://microformats.org/wiki/hatom
http://www.w3.org/TR/wai-aria/
60
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
