Special tags for branding, SEO, and PWA purposes
(Look at your browser tabs and favorites page, home screen icon, search engine results, and more to see how these tags are working for this site.
Your app would simply replace these values with assets for your app.)
||Used to summarize a page and is the text that shows up in search engine results and smart links.|
||Configures device viewport to support responsive designs|
||Browsers use these as tab and app icons.|
||Browsers use this is some areas to help your brand feel more embedded.|
||Windows uses these to help your brand feel more embedded.|
||Downloads the application manifest, which includes helpful information for browsers to optimize the user experience.|
Don't underestimate the details. Browsers are more able to embed your website into the OS experience when these tags are found in your site. They add a level of polish that's quite noticeable, so take a minute to add them.
When you share a link in a social product like Twitter, LinkedIn, iMessage, or Slack, it "unfurls" into a preview, like this:
These head tags and many others are required for a good unfurling. Slack has an in-depth article about this topic if you'd like to learn more.