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 value of these tags. Browsers are more able to embed your website into the OS experience when these simple tags are found in your page and users expect this integrated look. It's a very cheap way to add a level of polish to your site, so take a minute to get it right.
When you share a link in a social product like Twitter, iMessage, or Slack, it "unfurls" into a little preview:
These head tags and many others are required for a good preview. Slack has an in-depth article about this topic if you'd like to learn more.