Developer Tools

Typical information in <head> of a website

<!DOCTYPE html>

<html lang=en>


<link href=favicon.ico rel="shortcut icon" type=image/x-icon>

<meta content="width=device-width, initial-scale=1" name=viewport>

<meta content="keyword1, keyword2, keyword3, keyword4, keyword5, keyword6, keyword7, keyword8, keyword9, keyword10" name=keywords>

<meta content="Description" name=description>

<meta content="Copyright © Company/Person 2018." name=Copyright>

<link href= rel=alternate hreflang=en-us>

<link href= rel=canonical>

<meta name="contact" content="">

<meta name="robots" content="index, follow">

<meta name="revisit-after" content="7 days">

<meta name="distribution" content="global">

<meta name="rating" content="general">


<meta content= property=og:url>

<meta content="Name of Site" property=og:site_name>

<meta content=website property=og:type>

<meta content="Title" property=og:title>

<meta content= property=og:image>

<meta content="Description of logo" property=og:image:alt>

<meta content="Description" property=og:description>

<meta content=en_US property=og:locale>


<meta content=summary name=twitter:card>

<meta content=@YourTwitter name=twitter:site>

<meta content=@example name=twitter:creator>

<meta content= name=twitter:url>

<meta content="Title" name=twitter:title>

<meta content="Desciption" name=twitter:description>

<meta content= name=twitter:image>

<meta content="Description of logo" name=twitter:image:alt>

// Mobile

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

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

JSON-LD Markup

<script type="application/ld+json">

{ "@context": "",

"@type": "WebSite",

"url": "",

"name": "Name of site",

"image": "",

"author": {

"@type": "Person",

"name": "owner name" },

"description": "Description of content",

"sameAs" : [ "", "", ""] }


Image description

<img src=linktoimage alt="image description">