Official / 2023 SEO optimized HTML core template
5 min readMay 20, 2023
# _..,,,iS#s=,. nineX
# db ,s#S$$$$$7~` $$$$$$7`
# `' d$$$$$$$$7` `^'~*?| ,)S##ss,,._
# ,d$$b, i$$$$$$$$i : ,d$$$$$$$$7*~`
# $$$$$$ $$$$$$$$$: i d$$$$$$$$7` _.,ss##SS$
# `?$$7` :$$$$$$$$$ _,d$ i#ss,,($$$$$$$7 :$$$$$$$$l
# ,d$b,`'*?$$$$$$: $$$$$ l$$$$$$$$$$$$i i$$$$$$$: ,#s,._
# $$$$$S#s, `'*?$b,`~*?$ i$$$$$$$$$$$$$b, ,$$$$$$7` ,d$$$$7`
# `?$$7***~~~~?s,`^~ + l$$$$$$$$`'~*?$$$#s,._,d$$7*~` `~*?S#s,.
# `,s#S$$$S#s,``?$7*`,$$$$$$$$i `^''~*?S#ss,,.._ `^'' ~
# + d$$$$7*~*?$$7 .,d$$$$$$7*` ,s#S$$7*~` `'?$$$$$$$#s,
# :$$$$7 d$b`7` d$$$$$7*~`, d$$$$$7` d$$ :$$$$$$$$$i
# `/$$b `~` 7~`^`,ss#S7` :$$$$$$i :$$$i $$$$$$$$$$ll ll
# `'* `*?$$7*` `'~*?$$$$, `7*`,MYDKNIGHT$i
# ` db ,s#s, ``^ ' `'~*?$$$$$$$$
# `' `?|7` db, `^''~~+
# `'
# [ 9x Networks ]
# [ One Nation :: Underground ]
# w w w . 9 x . n e t w o r kDJ Substance brings you something simple yet critical to get right — your web html markup template to get a web page going. If you just throw a page together its going to be tough going to ever rank or immediately get indexed — which will likely happen if you structure your page like this .
This is the current revision of the template i keep building and optimizing . you can copy / paste it directly into new .html / .php file and it should validate. When you are almost ready to bring your site up live, check it with both of these validators, correct the minor symantics and you will be in a good position for quick site growth and quick indexing.
HTML5 — https://validator.w3.org/
CSS3–https://jigsaw.w3.org/css-validator/
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Elite Progressive Trance / Download DJ Substance Dope ass Mixes</title>
<!-- avoid putting URL itself in title, use keywords from H1 and metadesc -->
<!-- This next line sets up your responsive mobile friendly site -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- [on load] PREVENT RIGHT CLICK -->
<script> $(function(){
$(document).on("contextmenu",
function(e){e.preventDefault(); }); }); </script>');
<!-- [optional - preventing right click doesnt prevent much but its fun -->
<!-- META TAG DEFINITIONS -->
<meta name='robots' content='index, follow'>
<meta name="description"
content="This is likely to be text under the title on search results">
<meta name="keywords" content="Most important long tail keyword(s) upfront,
no spaces in between statements,avoid single words,use title
and mDesc keywords here,spaces and line breaks wont matter">
<link rel="canonical" href="https://djsubstanceofficial.com/">
<!-- The tag above is incredibly important it differentiates your website
from another branch / copy indexed as www.djsubstanceofficial.com
pick and stick with you, use the www. or not and redirect to it -->
<!-- These are OpenGraph Specific tags more info below -->
<meta property="og:locale" content="en_US">
<meta property="og:type" content="website">
<meta property="og:title" content="Dj Substance 2023 / Party People">
<meta property="og:description" content="Restless presents Substance 2023. 11/3 and 11/4 at The Globe Theatre.">
<meta property="og:url" content="https://djsubstanceofficial.com/">
<meta property="og:site_name" content="Substance 2023">
<meta property="article:modified_time" content="2023-05-11T21:48:21+00:00">
<meta property="og:image" content="#image.jpg"> <!-- optimally 640x480ish -->
<meta property="og:image:width" content="480">
<meta property="og:image:height" content="640">
<meta property="og:image:type" content="image/jpeg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:label1" content="#lookthisup">
<meta name="twitter:data1" content="#referencetwitter">
<!-- SEE COMMENTS OUT OF THIS CODE BOX IN REGARD TO THE JSON BELOW -->
<script type="application/ld+json">
{"@context":"https://schema.org","@graph":
[{"@type":"WebPage",
"@id":"https://djsubstanceofficial.com",
"url":"https://substancefestival.com/",
"name":"Substance 2023",
"isPartOf":{"@id":"https://djsubstanceofficial.com/index.php"},
"primaryImageOfPage":
{"@id":
"https://djsubstanceofficial.com/gfx/#MAINSITEIMAGE.JPG"},
"image":
{"@id":
"https://djsubstanceofficial.com/#primaryimage"},
"thumbnailUrl":"https://djsubstanceofficial.com/gfx/#highqual.wide-scaled.jpg",
"datePublished":"2023-04-11T01:31:40+00:00",
"dateModified":"2023-04-11T21:48:21+00:00",
"description":"#MATCH YOUR META DESCRIPTION here",
"breadcrumb":
{"@id":"https://djsubstanceofficial.com/#USEHIGHVALUEKEYWORD"},
"inLanguage":"en-US","potentialAction":
[{"@type":"ReadAction",
"target":["https://djsubstanceofficial.com/"
]}]},
{"@type":"ImageObject","inLanguage":"en-US",
"@id":"https://djsubstanceofficial.com/#primaryimage",
"url":"https://djsubstanceofficial.com/gfx/#highqual-wide-scaled.jpg",
"contentUrl":"https://djsubstanceofficial.com/gfx/#highqual-wide-scaled.jpg",
"width":2560,"height":1440},
{"@type":"BreadcrumbList",
"@id":"https://djsubstanceofficial.com/#breadcrumb",
"itemListElement":
[{"@type":"ListItem","position":1,"name":"Home"}]},
{"@type":"WebSite",
"@id":"https://djsubstanceofficial.com/#website",
"url":"https://djsubstanceofficial.com",
"name":"Substance 2023",
"description":"LA’s Independent Dark Underground Festival":
[{"@type":"SearchAction",
"target":{"@type":"EntryPoint",
"urlTemplate":"https://djsubstanceofficial.com/?s={search_term_string}"},
"query-input":"required name=search_term_string"
}],"inLanguage":"en-US"
}
]}
/* You may want to put this in a file such as schema.json and include it
with the script tag */
</script>
<!-- ------------------------------- [ FAViCON ] ----------------------------------- -->
<link rel="icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" title="Tranceattic Manifest" href="/site.webmanifest">
<!-- ------------[ USE https://favicon.io to generate these ] ---- -->
<!-- Optimially load one style.css file here and minify it -->
<!-- Also recommended loading jquery + bootstrap right at the end prior to </body -->
</head>
<body>
<div class="container">
<!-- Always start your pages off with a div wrapper -->
........
<!-- details regarding the json markup and og:* [OpenGraph] tags
In this example, im using the schema i came up with for my new domain
I've used the Organization schema type with some basic properties
site name, big high qual image / logo, scaled down image / logo,
in this case i have added MANY extra attributes that arent required.
You should modify the schmea and tune it very specifically for aech page
on your website, add more properties based on the specifics of your site.
Official OpenGraph webpage with examples -> https://ogp.me/
****** The following four (4) OpenGraph "og" tags are mandatory:
og:title - The title of your object ( I use the same title )
og:type - Type of your object ie "movie", "concert", "magazine"
og:image - An image URL should reflect your site / banner
og:url - The *canonical* URL ie "https://www.thewebrocks.com"
****** End of the mandatory four (4) OpenGraph "og" tags examplehappy markupThis stuff might confuse some people, this is how i automate (more or less) and make templates for quick rollout of pages in PHP →
DYNAMIC / SERVER SIDE PHP :
PHP Template to integrate into the above markup:
<?php
ini_set('display_errors', '1');] // SET THIS TO 0 FOR PRODUTION
Eni_set('log_errors', 1);
ini_set('display_errors', 2048);
ini_set('report_memleaks', 1);
ini_set('track_errors', 1);
ini_set('max_execution_time', 0);
ini_set('report_memleaks', 1);
define('ROOT_PATH', dirname(__DIR__) . '/');
$currURI = ($_SERVER['REQUEST_URI']);$PRODMODE=0;
$longdate = date("Ys-m-d h:i:sa");
$d = date("Y-m-d");
if(isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on')
{ $url = "https://"; }
else
{ $url = "http://"; }
$url.= $_SERVER['HTTP_HOST'];
$url.= $_SERVER['REQUEST_URI'];
$domainName = $url;
// at this point the canonical address should be in $url// ESSENTIAL SECURITY HEADERS DYNAMICALLY GENERATED
$setHeaders = array(
'headers1' => 'Strict-Transport-Security: max-age=31536000; includeSubDomains',
'headers2' => 'X-Content-Type-Options: nosniff',
'headers3' => 'X-Frame-Options: SAMEORIGIN',
'headers4' => 'X-XSS-Protection: 1; mode=block',
'headers5' => 'Connection-Type: close',
'headers6' => 'Access-Control-Allow-Origin: ' . $domainName,
'headers7' => 'Accept-Encoding: deflate, gzip',
'headers8' => 'Access-Control-Allow-Methods: GET, POST, HEAD',
'headers9' => 'Cache-Control: max-age=0, immutable',
'headers10' => 'Content-Type: text/html; charset=utf-8',
'headers11' => 'Permissions-Policy: autoplay=(), camera=(),
fullscreen=(self "' .$url. '"),
geolocation=(self "' . $url . '"), microphone=()',
'headers12' => 'Referrer-policy: Origin-when-cross-origin',
'headers13' => 'X-Frame-Options: DENY',
'headers14' => 'Accept-Language: en-US,en;q=0.9');
// Put this at the very top below <?php
for($j=1;$j<=14;$j++) header($setHeaders['headers' .$j]);
Till next time
dj substance
ONE NATION::UNDERGROUND
