edpibu/Web
edpibu/Web
Archived
1
Fork 0
Code Issues Pull requests Releases 7 Activity

Improved SEO: meta description, meta robots, replaced second h1 with h2

Browse source
This commit is contained in:
Edgar P. Burkhart 2020-12-22 10:34:12 +01:00
parent 3c34077d88
commit a9a5ea9602
Signed by: edpibu
GPG key ID: 9833D3C5A25BD227
2 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
css/index.css
View file

@ -20,7 +20,7 @@
z-index: 1; z-index: 1;
} }
.left h1 { .left h1, .left h2 {
font-family: 'IBM Plex Serif', serif; font-family: 'IBM Plex Serif', serif;
position: absolute; position: absolute;
@ -31,11 +31,11 @@
width: 100%; width: 100%;
} }
.left h1:first-of-type { .left h2 {
top: calc( 50% - 1em ); top: calc( 50% - 1em );
font-weight: 800; font-weight: 800;
} }
.left h1:last-of-type { .left h1 {
bottom: calc( 50% - 1em ); bottom: calc( 50% - 1em );
font-weight: 300; font-weight: 300;
} }
@ -82,20 +82,20 @@ footer a:active {
right: 60%; right: 60%;
} }
.left h1 { .left h1, .left h2 {
text-align: right; text-align: right;
padding-right: 1em; padding-right: 1em;
} }
} }
@media screen and (min-width: 1024px) { @media screen and (min-width: 1024px) {
.left h1 { .left h1, .left h2 {
font-size: 4rem; font-size: 4rem;
} }
} }
@media screen and ((max-width: 700px) and (orientation: landscape)) { @media screen and ((max-width: 700px) and (orientation: landscape)) {
.left h1 { .left h1, .left h2 {
font-size: 2rem; font-size: 2rem;
padding-right: .5em; padding-right: .5em;
} }

4
index.html
View file

@ -3,8 +3,10 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name="robots" content="index,follow" />
<title>Edgar P. Burkhart</title> <title>Edgar P. Burkhart</title>
<meta name="description" content="Edgar P. Burkhart, étudiant en génie civil à l'École Normale Supérieure Paris-Saclay. contact@edgarpierre.fr" />
<link rel="preload" href="fonts/inter/Inter-ExtraBold.woff2" /> <link rel="preload" href="fonts/inter/Inter-ExtraBold.woff2" />
<link rel="preload" href="fonts/inter/Inter-Regular.woff2" /> <link rel="preload" href="fonts/inter/Inter-Regular.woff2" />
@ -38,7 +40,7 @@
</head> </head>
<body> <body>
<div class="left"> <div class="left">
<h1>Edgar P.</h1> <h2>Edgar P.</h2>
<h1>Burkhart</h1> <h1>Burkhart</h1>
</div> </div>
<div class="right"> <div class="right">