If you don't add the following meta tag, Google won't index your page.
It won't appear on the search screen.
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0' name='viewport'/>
※Using Google translate
・A bulleted list of SEO measures on Github pages
・A compilation of information from many sites
・Prioritize increasing your PageSpeed Insights score
・Solutions other than the limitations of Github pages (server configuration not possible etc.)
・Maybe there's a better way...
If you don't add the following meta tag, Google won't index your page.
It won't appear on the search screen.
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0' name='viewport'/>
Reduces latency caused by increased web page load times
Check that JavaScript is running
<script defer src="aaa.js"></script>
Add 「media="print" onload="this.media='all'"」
Reduces latency caused by increased web page load times
Check if the css is loaded
<link rel="stylesheet" href="des.css" media="print" onload="this.media='all'">
If you only do "3. Delay load CSS", a layout shift will occur, resulting in a situation where the score is high on mobile devices but low on PCs, so take the following steps:
1.Write the following code in a JavaScript file. If window.onload is already set, write it in there.
This time, let's call this "init.js".
window.onload = function(){
document.body.style.display = "block";
}
2.Rewrite the body tag to set it to hidden
<body style="display: none;">
3. Load the file created in step 1
<script defer src="init.js"></script>
Template HTML file (Only HTML part)
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="uft-8">
<title>「TITLE」</title>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0' name='viewport'/>
<meta name="description" content="「Description of this page」">
<link rel="stylesheet" href="「css file」.css" media="print" onload="this.media='all'">
<link rel="icon" type="image/jpg" href="「Icon」.jpg">
<link rel="apple-touch-icon" sizes="180x180" href="「Icon」.jpg">
<iframe src="../google.html" style="display: none;"></iframe>
<script defer src="「JS file created in "4. Display the body after loading is complete"」.js"></script>
<body style="display: none;">
<!--Main text-->
</body>
</head>
</html>