Skip to content

Instantly share code, notes, and snippets.

@nilandev
Last active April 15, 2018 22:32
Show Gist options
  • Save nilandev/fe04b6664abe29d71b0f25967f1ddf5c to your computer and use it in GitHub Desktop.
Save nilandev/fe04b6664abe29d71b0f25967f1ddf5c to your computer and use it in GitHub Desktop.
Must have HTML SEO meta tags for your website
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">

Basic SEO

<title>{{ config('app.name') }}</title>
<link rel="canonical" href="https://examople.com/link">
<meta itemprop='name' content=''>
<meta name="Description" content="" />
<meta itemprop="description" content="">
<meta itemprop='image' content='test.png'>

Ref: https://moz.com/blog/the-beginners-checklist-for-small-business-seo

Manifest for chrome app shortcuts

<link rel="manifest" href="/json/manifest.json">

Ref: https://developers.google.com/web/updates/2014/11/Support-for-installable-web-apps-with-webapp-manifest-in-chrome-38-for-Android

Google site verification code

<meta content="" name="google-site-verification">

Ref: https://support.google.com/webmasters/answer/35179?hl=en

Specifying a Webpage Icon for Web Clip

<link rel="apple-touch-icon" href="/images/brand/apple-60x60.png'">
<link rel="apple-touch-icon" sizes="152x152" href="images/brand/apple-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/brand/apple-180x180.png">
<link rel="apple-touch-icon" sizes="167x167" href="images/brand/apple-167x167.png">

Specifying a Launch Screen Image

 ### <link rel="apple-touch-startup-image" href="/launch.png"> 

Adding a Launch Icon Title

<meta name="apple-mobile-web-app-title" content="{{ config('app.name') }}">

Hiding Safari User Interface Components

<meta name="apple-mobile-web-app-capable" content="yes">

Ref: https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

Open graph for Facebook

<meta property="og:title" content="" />
<meta property="og:url" content="" />
<meta property="og:type" content="article" />
<meta property="og:description" content="" />
<meta property="og:image" content="test.jpg"/>
<meta content='BetaList' property='og:site_name'>

Ref: http://ogp.me/

Twitter card

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="">
<meta name="twitter:creator" content="">
<meta name="twitter:title" content="">
<meta name="twitter:description" content="">
<meta name="twitter:image" content="">

Ref: https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment