Developer Tools









Typical information in <head> of a website

<!DOCTYPE html>

<html lang=en>

<head>

<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=https://example.com rel=alternate hreflang=en-us>

<link href=https://example.com rel=canonical>

<meta name="contact" content="email@domain.com">

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

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

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

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

//Facebook

<meta content=https://example.com 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=https://example.com/logo.png 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>

//Twitter

<meta content=summary name=twitter:card>

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

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

<meta content=https://example.com name=twitter:url>

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

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

<meta content=https://example.com/logo.png 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": "http://schema.org",

"@type": "WebSite",

"url": "https://example.com/",

"name": "Name of site",

"image": "https://example.com/logo.png",

"author": {

"@type": "Person",

"name": "owner name" },

"description": "Description of content",

"sameAs" : [ "https://facebook.com/facebookpage/", "https://youtube.com/channel/youtubeID", "https://reddit.com/r/subreddit/"] }

</script>



Image description

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