Skip to content

Instantly share code, notes, and snippets.

@janstieler
Last active May 30, 2017 14:37
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save janstieler/717f66650cee614cbf7bc101626a3a1d to your computer and use it in GitHub Desktop.
Save janstieler/717f66650cee614cbf7bc101626a3a1d to your computer and use it in GitHub Desktop.
Kirby Header
<!DOCTYPE html>
<!-- Die Ausrichtung der Sprache der Webseite, hier: Deutsch -->
<html class="no-js" lang="<?php echo $site->languages()->code() ?>">
<head>
<!-- Zeichencodierung, damit Umlaute und ähnliches korrekt dargestellt werden -->
<meta charset="utf-8">
<!-- Verwende die neueste, beim Benutzer, verfügbare InternetExplorer Version -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Löse die URLs von externen Quellen vor dem Laden der Datei auf – sollte dann etwas schneller laden. Beispielhaft: -->
<link rel="dns-prefetch" href="//cdnjs.cloudflare.com">
<link rel="dns-prefetch" href="//maxcdn.bootstrapcdn.com">
<link rel="dns-prefetch" href="//fonts.googleapis.com">
<!--[if lt IE 9]>
<link rel="dns-prefetch" href="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js">
<![endif]-->
<!-- Angabe für Responsive Webdesigns, welche Größe zum Anfang geladen werden soll -->
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<!-- Der Canonical Tag zum vermeiden von doppelten Inhalt – wobei, da Kirby meine ich kein Problem mit haben sollte…-->
<link rel="canonical" href="<?php echo html($page->url()) ?>">
<!-- Titel der Seite, der im Browser-Tab/Fenster angezeigt wird und in der Regel der Titel in den Google Suchergebnissen ist -->
<?php if($page->isHomepage()): ?>
<title><?php echo html($site->title()) ?></title>
<?php else: ?>
<title><?php echo $page->title()->html() ?> | <?php echo $site->title()->html() ?></title>
<?php endif ?>
<!-- Kurzbeschreibung der Webseite, die auch in der Google-Snippets erscheinen kann ( ca. 155 Zeichen) -->
<?php if($page->description() != ''): ?>
<meta name="description" content="<?php echo html($page->description()) ?>">
<?php else: ?>
<meta name="description" content="<?php echo html($site->description()) ?>">
<?php endif ?>
<!-- Anstatt dem Author könnte man hier auch die Google+ Url des Unternehmens nehmen -->
<meta name="publisher" content="<?php echo html($site->author()) ?>">
<meta name="copyright" content="<?php echo html($site->author()) ?>">
<!-- Suchmaschinen mitteilen, dass die Seite indiziert und allen Links gefolgt werden soll -->
<meta name="robots" content="index, follow">
<!-- Beginn der OpenGraph Tags für Facebook & Co. -->
<meta name="DC.Title" content="<?php echo html($page->title()) ?>">
<meta name="DC.Creator" content="<?php echo html($site->author()) ?>">
<meta name="DC.Rights" content="<?php echo html($site->author()) ?>">
<meta name="DC.Publisher" content="<?php echo html($site->author()) ?>">
<meta name="DC.Description" content="<?php echo html($page->description()) ?>">
<meta name="DC.Language" content="de_DE">
<meta property="og:title" content="<?php echo html($page->title()) ?> | <?php echo html($site->title()) ?>">
<meta property="og:type" content="website">
<meta property="og:url" content="<?php echo html($site->url()) ?>">
<meta property="og:image" content="<?php echo url('assets/images/facebook/facebook-icon-646x1027.jpg') ?>">
<meta property="og:description" content="<?php echo html($page->description()) ?>">
<meta itemprop="name" content="<?php echo html($page->title()) ?> | <?php echo html($site->title()) ?>">
<meta itemprop="description" content="<?php echo html($page->description()) ?>">
<!-- Favicons -->
<!--[if IE]>
<link rel="shortcut icon" type="image/x-icon" href="/assets/images/favicon.ico?v=1">
<![endif]-->
<link rel="icon" type="image/x-icon" href="/assets/images/favicon.ico">
<link rel="icon" type="image/gif" href="/assets/images/favicon.gif">
<link rel="icon" type="image/png" href="/assets/images/favicon.png">
<link rel="apple-touch-icon" href="/assets/images/apple-touch-icon.png">
<link rel="apple-touch-icon" href="/assets/images/apple-touch-icon-57x57.png" sizes="57x57">
<link rel="apple-touch-icon" href="/assets/images/apple-touch-icon-60x60.png" sizes="60x60">
<link rel="apple-touch-icon" href="/assets/images/apple-touch-icon-72x72.png" sizes="72x72">
<link rel="apple-touch-icon" href="/assets/images/apple-touch-icon-76x76.png" sizes="76x76">
<link rel="apple-touch-icon" href="/assets/images/apple-touch-icon-114x114.png" sizes="114x114">
<link rel="apple-touch-icon" href="/assets/images/apple-touch-icon-120x120.png" sizes="120x120">
<link rel="apple-touch-icon" href="/assets/images/apple-touch-icon-128x128.png" sizes="128x128">
<link rel="apple-touch-icon" href="/assets/images/apple-touch-icon-144x144.png" sizes="144x144">
<link rel="apple-touch-icon" href="/assets/images/apple-touch-icon-152x152.png" sizes="152x152">
<link rel="apple-touch-icon" href="/assets/images/apple-touch-icon-180x180.png" sizes="180x180">
<link rel="apple-touch-icon" href="/assets/images/apple-touch-icon-precomposed.png">
<link rel="icon" type="image/png" href="/assets/images/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/assets/images/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/assets/images/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/assets/images/favicon-160x160.png" sizes="160x160">
<link rel="icon" type="image/png" href="/assets/images/favicon-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/assets/images/favicon-196x196.png" sizes="196x196">
<meta name="msapplication-TileImage" content="/assets/images/win8-tile-144x144.png">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-navbutton-color" content="#ffffff">
<meta name="msapplication-square70x70logo" content="/assets/images/win8-tile-70x70.png">
<meta name="msapplication-square144x144logo" content="/assets/images/win8-tile-144x144.png">
<meta name="msapplication-square150x150logo" content="/assets/images/win8-tile-150x150.png">
<meta name="msapplication-wide310x150logo" content="/assets/images/win8-tile-310x150.png">
<meta name="msapplication-square310x310logo" content="/assets/images/win8-tile-310x310.png">
<meta name="theme-color" content="#ffffff">
<?php snippet('less') ?>
<?php snippet('css') ?>
<?php echo js('https://code.jquery.com/jquery-1.11.3.min.js') ?>
<?php echo js('https://code.jquery.com/jquery-migrate-1.2.1.min.js') ?>
<script>
document.getElementsByTagName('html')[0].className += ' js';
</script>
</head>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment