diff --git a/ref-test/admin/static/favicon.ico b/ref-test/admin/static/favicon.ico
new file mode 100644
index 0000000..e9ed67a
Binary files /dev/null and b/ref-test/admin/static/favicon.ico differ
diff --git a/ref-test/admin/static/favicon.png b/ref-test/admin/static/favicon.png
new file mode 100644
index 0000000..e3eb80d
Binary files /dev/null and b/ref-test/admin/static/favicon.png differ
diff --git a/ref-test/admin/templates/admin/components/base.html b/ref-test/admin/templates/admin/components/base.html
index a635b8e..ded27f0 100644
--- a/ref-test/admin/templates/admin/components/base.html
+++ b/ref-test/admin/templates/admin/components/base.html
@@ -18,6 +18,7 @@
         {% block datatable_css %}
         {% endblock %}
         <title>{% block title %} SKA Referee Test | Admin Console {% endblock %}</title>
+        {% include "admin/components/og-meta.html" %}
     </head>
     <body class="bg-light">
 
diff --git a/ref-test/admin/templates/admin/components/og-meta.html b/ref-test/admin/templates/admin/components/og-meta.html
new file mode 100644
index 0000000..9c02bc6
--- /dev/null
+++ b/ref-test/admin/templates/admin/components/og-meta.html
@@ -0,0 +1,17 @@
+<meta name="description" content="A web app for taking the Scottish Korfball Association Refereeing Theory Exam on-line." />
+<meta property="og:locale" content="en_UK" />
+<meta property="og:type" content="website" />
+<meta property="og:description" content="A web app for taking the Scottish Korfball Association Refereeing Theory Exam on-line." />
+<meta property="og:url" content="{{ url_for(request.endpoint, **request.view_args, _external = True) }}" />
+<meta property="og:site_name" content="Scottish Korfball Association Referee Theory Exam" />
+<meta property="og:image" content="{{ url_for('static', filename='favicon.png', _external = True) }}" />
+<meta property="og:image:alt" content="Logo of the SKA Refereeing Exam App" />
+<meta property="og:image:width" content="512" />
+<meta property="og:image:height" content="512" />
+<meta name="twitter:card" content="summary" />
+<meta name="twitter:description" content="A web app for taking the Scottish Korfball Association Refereeing Theory Exam on-line." />
+<meta name="twitter:image" content="{{ url_for('static', filename='favicon.png', _external = True) }}" />
+<meta name="twitter:image:alt" content="Logo of the SKA Refereeing Exam App" />
+<meta name="twitter:creator" content="@viveksantayana" />
+<meta name="twitter:site" content="@viveksantayana" />
+<meta name="theme-color" content="#343a40" />
\ No newline at end of file
diff --git a/ref-test/quiz/static/favicon.ico b/ref-test/quiz/static/favicon.ico
new file mode 100644
index 0000000..e9ed67a
Binary files /dev/null and b/ref-test/quiz/static/favicon.ico differ
diff --git a/ref-test/quiz/static/favicon.png b/ref-test/quiz/static/favicon.png
new file mode 100644
index 0000000..e3eb80d
Binary files /dev/null and b/ref-test/quiz/static/favicon.png differ
diff --git a/ref-test/quiz/templates/quiz/components/base.html b/ref-test/quiz/templates/quiz/components/base.html
index ccd4f07..e0951a0 100644
--- a/ref-test/quiz/templates/quiz/components/base.html
+++ b/ref-test/quiz/templates/quiz/components/base.html
@@ -18,6 +18,7 @@
         {% block style %}
         {% endblock %}
         <title>{% block title %} SKA Referee Test {% endblock %}</title>
+        {% include "quiz/components/og-meta.html" %}
     </head>
     <body class="bg-light">
 
diff --git a/ref-test/quiz/templates/quiz/components/og-meta.html b/ref-test/quiz/templates/quiz/components/og-meta.html
new file mode 100644
index 0000000..ef31c74
--- /dev/null
+++ b/ref-test/quiz/templates/quiz/components/og-meta.html
@@ -0,0 +1,17 @@
+<meta name="description" content="A web app for taking the Scottish Korfball Association Refereeing Theory Exam on-line." />
+<meta property="og:locale" content="en_UK" />
+<meta property="og:type" content="website" />
+<meta property="og:description" content="A web app for taking the Scottish Korfball Association Refereeing Theory Exam on-line." />
+<meta property="og:url" content="{{ url_for(request.endpoint, **request.view_args, _external = True) }}" />
+<meta property="og:site_name" content="Scottish Korfball Association Referee Theory Exam" />
+<meta property="og:image" content="{{ url_for('static', filename='favicon.png', _external = True) }}" />
+<meta property="og:image:alt" content="Logo of the SKA Refereeing Exam App" />
+<meta property="og:image:width" content="1024" />
+<meta property="og:image:height" content="1024" />
+<meta name="twitter:card" content="summary" />
+<meta name="twitter:description" content="A web app for taking the Scottish Korfball Association Refereeing Theory Exam on-line." />
+<meta name="twitter:image" content="{{ url_for('static', filename='favicon.png', _external = True) }}" />
+<meta name="twitter:image:alt" content="Logo of the SKA Refereeing Exam App" />
+<meta name="twitter:creator" content="@viveksantayana" />
+<meta name="twitter:site" content="@viveksantayana" />
+<meta name="theme-color" content="#343a40" />
\ No newline at end of file
