-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmetadata.php
52 lines (45 loc) · 1.89 KB
/
metadata.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<?php
$title = 'How we use metadata';
include 'inc/header.php';
include 'inc/breadcrumb.php';
?>
<h1><?php echo "$title"; ?></h1>
<p>
Metadata is data about data. On the web it is use to describe a webpage. This information is not visible on your page, it is used by browsers, search engines and other services. Meta tags should always be placed inside the <head> in your HTML document.
</p>
<p>
Our basic metadata stack is a mix of <a href="https://www.dublincore.org/specifications/dublin-core/dcmi-terms/">Dublin Core</a> and <a href="https://ogp.me/">Open Graph</a>:
</p>
<ul>
<li>title</li>
<li>dcterms.title</li>
<li>dcterms.creator</li>
<li>dcterms.description</li>
<li>dcterms.publisher</li>
<li>og:title</li>
<li>og:description</li>
<li>og:url</li>
<li>og:site_name</li>
<li>og:type</li>
<li>og:image</li>
<li>og:image:alt</li>
</ul>
<p>
Some additional tags we use are:
</p>
<ul>
<li>fb:app_id – this tag associates your page with Facebook allowing you to use Facebook insights to view analytics for traffic to your site from Facebook.</li>
<li>twitter:site – this tag associates your page with your Twitter account.</li>
</ul>
<p>
For marketing campaigns we will occasionally use additional <a href="https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started">Twitter specific tags</a> (twitter:card, twitter:site in particular) to configure the ‘card’ that will show when the URL of the page is tweeted.
</p>
<p>
Part of our process is reviewing pages with the <a href="https://developers.facebook.com/tools/debug/">Facebook Sharing Debugger</a>. This will give you a preview of the ‘card’ that will appear when you share your link.
</p>
<p>
For marketing pages that we’ve added Twitter specific tags for, we also review using the <a href="https://cards-dev.twitter.com/validator">Twitter validator</a>.
</p>
<?php
include 'inc/footer.php';
?>