Need help with HEAD?
Click the โ€œchatโ€ button below for chat support from the developer who created it, or find similar developers for support.

About the developer

joshbuchea
27.5K Stars 1.9K Forks 360 Commits 17 Opened issues

Description

๐Ÿ—ฟ A list of everything that *could* go in the head of your document

Services available

!
?

Need anything else?

Contributors list

No Data

๐Ÿ—ฟ HEAD

A list of everything that *could* go in the

 of your document

Contributors CC0 Follow @joshbuchea on Twitter

Table of Contents

Recommended Minimum

Below are the essential elements for any web document (websites/apps):

Page Title

meta charset - defines the encoding of the website, utf-8 is the standard

meta name="viewport" - viewport settings related to mobile responsiveness

width=device-width means that it will use the physical width of the device (instead of zooming out) which is good with mobile friendly pages

initial-scale=1 is the initial zoom, 1 means no zoom

โฌ† back to top

Elements

Valid

 elements include 
meta
,
link
,
title
,
style
,
script
,
noscript
, and
base
.

These elements provide information for how a document should be perceived, and rendered, by web technologies. e.g. browsers, search engines, bots, etc.


Page Title














  

โฌ† back to top

Meta






























































โฌ† back to top

Link

































































โฌ† back to top

Icons









โฌ† back to top

Social

Facebook Open Graph

Most content is shared to Facebook as a URL, so it's important that you mark up your website with Open Graph tags to take control over how your content appears on Facebook. More about Facebook Open Graph Markup








Twitter Card

With Twitter Cards, you can attach rich photos, videos and media experiences to Tweets, helping to drive traffic to your website. More about Twitter Cards






Twitter Privacy

If you embed tweets in your website, Twitter can use information from your site to tailor content and suggestions to Twitter users. More about Twitter privacy options.

html


Schema.org

  <link rel="author" href="">
  <link rel="publisher" href="">
  <meta itemprop="name" content="Content Title">
  <meta itemprop="description" content="Content description less than 200 characters">
  <meta itemprop="image" content="https://example.com/image.jpg">

Note: These meta tags require the

itemscope
and
itemtype
attributes to be added to the
 tag.



Pinterest

Pinterest lets you prevent people from saving things from your website, according to their help center. The

description
is optional.

Facebook Instant Articles






OEmbed




QQ/Wechat

Users share web pages to qq wechat will have a formatted message




โฌ† back to top

Browsers / Platforms

Apple iOS






















Google Android







Google Chrome


Microsoft Internet Explorer






Minimum required xml markup for

browserconfig.xml
:
   
     
        
        
        
        
     
   

โฌ† back to top

Browsers (Chinese)

360 Browser


QQ Mobile Browser






UC Mobile Browser


















โฌ† back to top

App Links










โฌ† back to top

Other Resources

โฌ† back to top

Related Projects

โฌ† back to top

Other Formats

  • ๐Ÿ“„ PDF

โฌ† back to top

๐ŸŒ Translations

โฌ† back to top

๐Ÿค Contributing

Open an issue or a pull request to suggest changes or additions.

Guide

The HEAD repository consists of two branches:

1.
master

This branch consists of the

README.md
file that is automatically reflected on the htmlhead.dev website. All changes to the content of the cheat sheet as such should be directed to this file.

Please follow these steps for pull requests:

  • Modify only one tag, or one related set of tags at a time
  • Use double quotes on attributes
  • Don't include a trailing slash in self-closing elements โ€” the HTML5 spec says they're optional
  • Consider including a link to documentation that supports your change

2.
gh-pages

This branch is responsible for the htmlhead.dev website. We use Jekyll to deploy the

README.md
Markdown file through GitHub Pages. All website related modifications must be directed here.

You may want to go through the Jekyll Docs and understand how Jekyll works before working on this branch.

Contributors

Check out all the super awesome contributors.

๐Ÿ‘ค Author

Josh Buchea

Show your support

Please โญ๏ธ this repository if this project helped you!

๐Ÿ“ License

CC0

โฌ† back to top

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.