Skip to content

Commit b02dec2

Browse files
ljosberinnljosberinn
authored
feat: improve seo & social media links (#143)
1 parent 5b6ea14 commit b02dec2

File tree

4 files changed

+64
-8
lines changed

4 files changed

+64
-8
lines changed

‎public/site.jpg

63.9 KB
Loading

‎src/components/Header.js

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,8 +15,13 @@ function Header() {
1515
<div className="flex items-center flex-shrink-0 text-white">
1616
<a className="title" href="/">
1717
<h1 className="font-light text-xl tracking-tight flex space-x-4 items-center justify-start">
18-
<img width={24} height={24} src={icon} />️{' '}
19-
<span>Testing Playground</span>
18+
<img
19+
width={24}
20+
height={24}
21+
src={icon}
22+
alt="Testing Playground mascot Froggy"
23+
/>
24+
️ <span>Testing Playground</span>
2025
</h1>
2126
</a>
2227
</div>

‎src/index.html

Lines changed: 56 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,14 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html prefix="og: http://ogp.me/ns#" lang="en" itemscope itemtype="http://schema.org/WebPage">
33
<head>
44
<meta charset="utf-8" />
55
<title>Testing Playground</title>
6+
<meta name="title" content="Testing Playground" />
7+
<meta
8+
name="description"
9+
content="Simple and complete DOM testing playground that encourage good testing practices."
10+
/>
11+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
612
<link rel="stylesheet" href="styles/index.css" />
713

814
<link rel="apple-touch-icon" sizes="57x57" href="../public/57-production.png" />
@@ -15,6 +21,7 @@
1521
<link rel="apple-touch-icon" sizes="152x152" href="../public/152-production.png" />
1622
<link rel="apple-touch-icon" sizes="180x180" href="../public/180-production.png" />
1723

24+
<link rel="icon" type="image/png" href="../public/310-production.png" />
1825
<link rel="icon" type="image/png" sizes="192x192" href="../public/192-production.png" />
1926
<link rel="icon" type="image/png" sizes="96x96" href="../public/96-production.png" />
2027
<link rel="icon" type="image/png" sizes="32x32" href="../public/48-production.png" />
@@ -33,9 +40,56 @@
3340
title="Testing Playground"
3441
/>
3542

36-
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
3743
<meta name="theme-color" content="#ffffff" />
3844

45+
<meta name="keywords" content="testing playground, testing, best practice, dom, testing-library" />
46+
<meta name="distribution" content="global" />
47+
<meta name="robots" content="index,nofollow" />
48+
<meta name="revisit-after" content="7 days" />
49+
50+
<meta name="language" content="en" />
51+
<link rel="canonical" href="https://testing-playground.com" />
52+
53+
<!-- Schema.org -->
54+
<meta itemprop="name" content="Testing Playground" />
55+
<meta
56+
itemprop="description"
57+
content="Simple and complete DOM testing playground that encourage good testing practices."
58+
/>
59+
<meta itemprop="image" content="../public/310-production.png" />
60+
<meta property="image:alt" content="Testing Playground mascot Froggy" />
61+
62+
<!-- Facebook OpenGraph -->
63+
<meta property="og:url" content="https://testing-playground.com/" />
64+
<meta property="og:type" content="website" />
65+
<meta property="og:title" content="Testing Playground" />
66+
<meta property="og:image" content="../public/site.jpg" />
67+
<meta property="og:image:alt" content="Testing Playground" />
68+
<meta property="og:image:width" content="1200" />
69+
<meta property="og:image:height" content="628" />
70+
<meta
71+
property="og:description"
72+
content="Simple and complete DOM testing playground that encourage good testing practices."
73+
/>
74+
<meta property="og:site_name" content="Testing Playground" />
75+
<meta property="og:locale" content="en_US" />
76+
77+
<!-- Twitter OpenGraph -->
78+
<meta name="twitter:card" content="summary_large_image" />
79+
<meta name="twitter:creator" content="@meijer_s" />
80+
<meta name="twitter:url" content="https://testing-playground.com/" />
81+
<meta name="twitter:title" content="Testing Playground" />
82+
<meta
83+
name="twitter:description"
84+
content="Simple and complete DOM testing playground that encourage good testing practices."
85+
/>
86+
<meta name="twitter:image" content="../public/site.jpg" />
87+
<meta name="twitter:image:alt" content="Testing Playground" />
88+
89+
<!-- Chrome Webstore
90+
<link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/APP_ID" />
91+
-->
92+
3993
<!-- Global site tag (gtag.js) - Google Analytics -->
4094
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-166958850-1"></script>
4195
<script>

‎src/lambda/oembed/oembed.js

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -44,12 +44,9 @@ function handler(event, context, callback) {
4444
type: 'rich',
4545
success: true,
4646

47-
provider_name: 'Testing-Playground',
47+
provider_name: 'testing-playground.com',
4848
provider_url: host,
4949

50-
author_name: 'Testing Playground',
51-
author_url: host,
52-
5350
html: `<iframe src="${url}" width="${maxwidth}" height="${maxheight}" scrolling="no" frameborder="0" allowtransparency="true" allowfullscreen="true" title="Testing Playground" style="overflow: hidden; display: block;" loading="lazy" name="testing-playground-${Date.now()}"></iframe>`,
5451
width: maxwidth,
5552
height: maxheight,

0 commit comments

Comments
 (0)