Update SEO properties.

jmaister · Mar 20, 2020 · 9be9e6e · 9be9e6e
1 parent 909d975
commit 9be9e6e
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 6 deletions.
diff --git a/static/css/main.css b/static/css/main.css
@@ -45,6 +45,7 @@
 .words .word .field {
     border: 1px black solid;
     border-radius: 5px;
+    white-space: nowrap;
 }
 
 .words .word .lower {

diff --git a/static/robots.txt b/static/robots.txt
@@ -0,0 +1,4 @@
+# All allowed :)
+
+User-agent: *
+Allow: /
diff --git a/templates/analysis.html b/templates/analysis.html
@@ -1,16 +1,26 @@
 {% extends "base.html" %}
 
-{% block title%} - {{analysis.card['name']}}{% endblock %}
+{% block title%} - {{analysis.card['name']}} - Card Analysis{% endblock %}
+
+{% set i = analysis.card['scryfallId'] %}
+{% set image = "https://img.scryfall.com/cards/normal/front/" + i[0] + "/" + i[1] + "/" + i + ".jpg" %}
+
+{% block seo %}
+<meta property="og:title" content="Card analysis for '{{analysis.card['name']}}'" />
+<meta property="og:description" content="Card analysis for card '{{analysis.card['name']}}' of Magic The Gathering. The analysis is done using NLP." />
+<meta property="og:image" itemprop="image" content="{{image}}">
+<meta property="og:type" content="website" />
+<meta property="og:updated_time" content="{{analysis.updated_on}}" />
+{% endblock %}
 
 {% block content %}
-    <h2 class="title is-2">Card Analysis</h2>
+    <h2 class="title is-2">Card Analysis for "{{analysis.card['name']}}"</h2>
 
     <div class="cardcontainer columns">
         <div class="column is-one-thirds">
-            {% set i = analysis.card['scryfallId'] %}
             <img class="cardimage"
-                alt="Image of the card"
-                src="https://img.scryfall.com/cards/normal/front/{{i[0]}}/{{i[1]}}/{{i}}.jpg" >
+                alt="Image of the card {{analysis.card['name']}}. Magic The Gathering"
+                src="{{image}}" >
         </div>
         <div class="column  is-two-thirds">
             <div class="cardinfo">

diff --git a/templates/base.html b/templates/base.html
@@ -5,7 +5,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <meta name="description" content="Magic Deep Search is a search engine for Magic: The Gathering cards. The cards have been tagged using <b>Artificial Intelligence</b> so it is easier to find combos, create decks, find specific habilities, ..." />
-    <title>Magic Deep Search{% block title %}{% endblock %} - magic.PaellaLabs.com</title>
+    <title>Magic Deep Search{% block title %}{% endblock %} - magic.paellalabs.com</title>
+
+    <meta property="og:site_name" content="Magic Deep Search - magic.paellalabs.com">
+    {% block seo %}
+    {% endblock %}
 
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.8.0/css/bulma.min.css">