Created
July 19, 2024 04:37
-
-
Save davidhartsough/255509201bc7d0fd0fe2d5da848452eb to your computer and use it in GitHub Desktop.
Website / Webpage Basics: essential HTML <head> meta / metadata tags
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en" prefix="og: https://ogp.me/ns#"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | |
| <title>__TITLE__</title> | |
| <meta name="description" content="__DESCRIPTION__" /> | |
| <link rel="canonical" href="https://example.com/" /> | |
| <!-- open graph --> | |
| <meta property="og:type" content="website" /> | |
| <meta property="og:title" content="__TITLE__" /> | |
| <meta property="og:description" content="__DESCRIPTION__" /> | |
| <meta property="og:url" content="__URL__" /> | |
| <meta property="og:site_name" content="__SITE_NAME__" /> | |
| <meta property="og:locale" content="en_US" /> | |
| <meta property="og:image" content="/icon512.png" /> | |
| <meta property="og:image:alt" content="__SITE_NAME__ logo icon" /> | |
| <meta property="og:image:type" content="image/png" /> | |
| <meta property="og:image:width" content="512" /> | |
| <meta property="og:image:height" content="512" /> | |
| <!-- icons --> | |
| <link rel="icon" href="/favicon.ico" type="image/x-icon" /> | |
| <link rel="icon" href="/icon.svg" type="image/svg+xml"> | |
| <!-- stylesheets --> | |
| <link rel="stylesheet" href="/index.css" /> | |
| </head> | |
| <body> | |
| <main></main> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
HTML
<head>metaThe bare necessities of the HTML
<head>meta tags / metadata for any website / webpage.charset="UTF-8", viewport, title, description, canonical, stylesheet(s)favicon.icoandicon.svg<html>prefix="og: https://ogp.me/ns#"attribute, plus all the importantog:meta properties