Skip to main content Skip to main navigation

Meta

Added

Updated

Zachary Winnie , Senior Interface Designer

Base

Put these two meta tags at the very top of your <head> tag:

<meta charset="utf-8"> 
<meta http-equiv="x-ua-compatible" content="ie=edge">

More about character encoding:

SEO

<title>Home | Mercury Works</title>
<meta name="description" content="Mercury Works is located in Tampa, Florida.">
<meta name="keywords" content="mercury,works">
<meta name="robots" content="index,follow">
<meta name="googlebot" content="index,follow">

More about meta tags for SEO:

OpenGraph

<meta property="og:url" content="http://mercurynewmedia.com/blog/mercury-new-media-blog/2017/10/06/creating-a-design-system" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Creating a Design System" />
<meta property="og:description" content="In this blog post, we will be talking about design systems (also sometimes referred to as design languages) as it applies to the process of designing and developing web apps and sites, and the design system process we’ve found successful at Mercury." />
<meta property="og:image"  content="http://www.mercurynewmedia.com/images/default-source/logos/mercury-logo-circle-201x201.png" />

More about OpenGraph tags:

Apple Meta

<meta name="apple-mobile-web-app-capable" content="yes">
<meta content="yes" name="apple-touch-fullscreen" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

More about Apple meta tags:

Resources

Table Of Contents
Handbook Overview Culture Code Style Code Tools UX Design UI Design Front End Development Favicons Fonts JavaScript Frameworks Designs Systems Color Meta Accessibility Safari iOS HTML Internet Explorer Browser Support CSS Gulp React Images SVG Video Performance Sass Knockout.js Icon Fonts Back End Development .NET Reading Coding Practices CMS SharePoint SharePoint SPFX API Theming Native Mobile DevOps Testing Functional Tests Scum Client Relationships Job Descriptions Professional Development