facile-it · alexmanno · Apr 2, 2020
diff --git a/README.md b/README.md
@@ -19,6 +19,7 @@ interested in seeing a live example.
 	- [exampleSite](#examplesite)
 	- [config.toml](#configtoml)
 	- [Hugo's Built-In Server](#hugos-built-in-server)
+    - [Hugo's website SEO](#hugos-website-seo)
 - [Shortcodes](#shortcodes)
 	- [fancybox](#fancybox)
 	- [img-post](#img-post)
@@ -115,6 +116,37 @@ hugo server
 
 You will then be able to view your live website at [localhost:1313](http://localhost:1313).
 
+### Hugo's website SEO
+
+This theme support SEO elements for your website.
+It was adapted and integrated thanks to the following guide:  
+[https://keithpblog.org/post/hugo-website-seo/](https://keithpblog.org/post/hugo-website-seo/)
+
+If you wish to enable SEO on this theme, follow these instructions:
+1. To include the following parameters in your _config.toml_
+```
+# .config.toml
+...
+enableRobotsTXT = true
+canonifyURLs = true
+# and if you think your md file names or locations might change:
+[permalinks]
+    post = "/blog/:title/"
+...
+```
+
+2. Add your website to Google Search Console:
+    - Login to the [Google Search Console](https://www.google.com/webmasters/tools/home)
+    - Add your website as property
+    - Add the html page as required by google to verify ownership
+    - Submit the sitemap (/sitemap.xml) for indexing
+    - Wait
+
+3. Add your website to Bing 
+    - Login to the [Bing Webmaster Console](https://www.bing.com/toolbox/webmaster/)
+    - Add your site, details and verify
+    - From the 3 option, we recommend adding the xml file to you website
+
 ## Shortcodes
 In addition to the native [Hugo shortcodes](https://gohugo.io/extras/shortcodes/),
 the theme also includes the following codes that I hope you find useful:

diff --git a/exampleSite/config.toml b/exampleSite/config.toml
@@ -7,6 +7,9 @@ paginate = 3
 disqusShortname = "shortname"
 googleAnalytics = ""
 pluralizeListTitles = false
+# Set the followings to true as part of your site SEO
+enableRobotsTXT = true
+canonifyURLs = true
 
 [params]
   # Sets the meta tag description
@@ -39,6 +42,16 @@ pluralizeListTitles = false
   faviconVersion       = ""
   # Sets Social Share links to appear on posts
   socialShare          = true
+  # Sets specific share to appear on posts (default behavior is to appear)
+  socialShareTwitter   = true
+  socialShareGoogleplus = true
+  socialShareFacebook  = true
+  socialShareReddit    = true
+  socialShareLinkedin  = true
+  socialShareStumbleupon = true
+  socialSharePinterest = true
+  socialShareEmail     = true
+
   # Load custom CSS or JavaScript files. The variable is an array so that you
   # can load multiple files if necessary. You can also load the standard theme
   # files by adding the value, "default".
@@ -53,7 +66,9 @@ pluralizeListTitles = false
   highlightjsCDN = "//cdn.bootcss.com"
   highlightjsLang = ["r", "yaml", "css"]
   highlightjsTheme = "github"
-
+  MathJaxCDN = "//cdn.bootcss.com"
+  MathJaxVersion = "2.7.1"
+
 # Disqus will take priority over Staticman (github.com/eduardoboucas/staticman)
 # due to its ease of use. Feel free to check out both and decide what you would
 # prefer to use. See Staticman.yml for additional settings.
@@ -177,6 +192,6 @@ pluralizeListTitles = false
   vine             = ""
   googlescholar    = ""
   orcid            = ""
-  researchgate     = "example"    
+  researchgate     = "example"
   # Email
   email            = "example"
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
@@ -47,5 +47,6 @@
             $('.lazy').Lazy();
         });
     </script>
+    {{ partial "footer_mathjax" . }}
   </body>
 </html>
diff --git a/layouts/partials/footer_mathjax.html b/layouts/partials/footer_mathjax.html
@@ -0,0 +1,5 @@
+<script src="//yihui.name/js/math-code.js"></script>
+<script async
+src="{{ .Site.Params.MathJaxCDN | default "//cdn.bootcss.com"}}/mathjax/{{ .Site.Params.MathJaxVersion | default "2.7.1" }}/MathJax.js?config=TeX-MML-AM_CHTML">
+</script>
+
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
@@ -6,6 +6,7 @@
 -->
 <html>
     <head>
+        {{ partial "seo_schema" . }}
         {{ with $.Scratch.Get "generalTitle" }}
             <title>{{ . }}</title>
         {{ else }}

diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
@@ -67,7 +67,7 @@ <h3>
         </section>
 
     <!-- Posts List -->
-        <section id="recent-posts">
+        <section class="recent-posts">
             <div class="mini-posts">
                 <header>
                     <h3>Recent Posts</h3>

diff --git a/layouts/partials/rss-icon.html b/layouts/partials/rss-icon.html
@@ -0,0 +1,5 @@
+{{ if .RSSLink }}
+    <li><a href="{{ .RSSLink }}" type="application/rss+xml" target="_blank" title="RSS" class="fa fa-rss"></a></li>
+{{ else }}
+    <li><a href="{{ .Site.RSSLink }}" type="application/rss+xml" target="_blank" title="RSS" class="fa fa-rss"></a></li>
+{{ end }}
diff --git a/layouts/partials/seo_schema.html b/layouts/partials/seo_schema.html
@@ -0,0 +1,26 @@
+<script type="application/ld+json">
+    {
+        "@context" : "http://schema.org",
+        "@type" : "BlogPosting",
+        "mainEntityOfPage": {
+             "@type": "WebPage",
+             "@id": "{{ .Site.BaseURL }}"
+        },
+        "articleSection" : "{{ .Section }}",
+        "name" : "{{ .Title }}",
+        "headline" : "{{ .Title }}",
+        "description" : "{{ if .Description }}{{ .Description }}{{ else }}{{if .IsPage}}{{ .Summary }}{{ end }}{{ end }}",
+        "inLanguage" : "{{ .Lang }}",
+        "author" : "{{ range .Site.Author }}{{ . }}{{ end }}",
+        "creator" : "{{ range .Site.Author }}{{ . }}{{ end }}",
+        "publisher": "{{ range .Site.Author }}{{ . }}{{ end }}",
+        "accountablePerson" : "{{ range .Site.Author }}{{ . }}{{ end }}",
+        "copyrightHolder" : "{{ range .Site.Author }}{{ . }}{{ end }}",
+        "copyrightYear" : "{{ .Date.Format "2006" }}",
+        "datePublished": "{{ .Date }}",
+        "dateModified" : "{{ .Date }}",
+        "url" : "{{ .Permalink }}",
+        "wordCount" : "{{ .WordCount }}",
+        "keywords" : [ {{ if isset .Params "tags" }}{{ range .Params.tags }}"{{ . }}",{{ end }}{{ end }}"Blog" ]
+    }
+    </script>
diff --git a/layouts/partials/share-links.html b/layouts/partials/share-links.html
@@ -1,65 +1,82 @@
 <!-- Social Share Button HTML -->
 
 <!-- Twitter -->
+{{ if .Site.Params.socialShareTwitter | default true}}
 <li>
   <a href="//twitter.com/share?url={{ .Permalink }}&amp;text={{ .Title }}&amp;via={{ .Site.Social.twitter }}" target="_blank" class="share-btn twitter">
     <i class="fa fa-twitter"></i>
     <p>Twitter</p>
     </a>
 </li>
+{{ end }}
 
 <!-- Google Plus -->
+{{ if .Site.Params.socialShareGoogleplus | default true}}
 <li>
   <a href="//plus.google.com/share?url={{ .Permalink }}" target="_blank" class="share-btn google-plus">
     <i class="fa fa-google-plus"></i>
     <p>Google+</p>
   </a>
 </li>
+{{ end }}
 
 <!-- Facebook -->
+{{ if .Site.Params.socialShareFacebook | default true}}
+
 <li>
   <a href="//www.facebook.com/sharer/sharer.php?u={{ .Permalink }}" target="_blank" class="share-btn facebook">
     <i class="fa fa-facebook"></i>
     <p>Facebook</p>
     </a>
 </li>
+{{ end }}
 
 <!-- Reddit -->
+{{ if .Site.Params.socialShareReddit | default true}}
 <li>
   <a href="//reddit.com/submit?url={{ .Permalink }}&amp;title={{ .Title }}" target="_blank" class="share-btn reddit">
     <i class="fa fa-reddit-alien"></i>
     <p>Reddit</p>
   </a>
 </li>
+{{ end }}
 
 <!-- LinkedIn -->
+{{ if .Site.Params.socialShareLinkedin | default true}}
 <li>
   <a href="//www.linkedin.com/shareArticle?url={{ .Permalink }}&amp;title={{ .Title }}" target="_blank" class="share-btn linkedin">
       <i class="fa fa-linkedin"></i>
       <p>LinkedIn</p>
     </a>
 </li>
+{{ end }}
 
 <!-- StumbleUpon -->
+{{ if .Site.Params.socialShareStumbleupon | default true}}
 <li>
   <a href="//www.stumbleupon.com/submit?url={{ .Permalink }}&amp;title={{ .Title }}" target="_blank" class="share-btn stumbleupon">
     <i class="fa fa-stumbleupon"></i>
     <p>StumbleUpon</p>
   </a>
 </li>
+{{ end }}
 
 <!-- Pintrest -->
+{{ if .Site.Params.socialSharePinterest | default true}}
 <li>
   <a href="//www.pinterest.com/pin/create/button/?url={{ .Permalink }}&amp;description={{ .Title }}" target="_blank" class="share-btn pinterest">
     <i class="fa fa-pinterest-p"></i>
     <p>Pinterest</p>
   </a>
 </li>
+{{ end }}
 
 <!-- Email -->
+{{ if .Site.Params.socialShareEmail | default true}}
 <li>
   <a href="mailto:?subject=Check out this post by {{ .Params.author }}&amp;body={{ .Permalink }}" target="_blank" class="share-btn email">
     <i class="fa fa-envelope"></i>
     <p>Email</p>
   </a>
 </li>
+{{ end }}
diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
@@ -22,17 +22,15 @@ <h2>{{ .header }}</h2>
     {{ if .Site.Params.socialAppearAtTop }}
       <ul class="icons">
         {{ if .Site.Params.rssAppearAtTop }}
-          <li>
-            <a href="{{ .RSSLink }}" type="application/rss+xml" target="_blank" title="RSS" class="fa fa-rss"></a>
-          </li>
+          {{ partial "rss-icon" . }}
         {{ end }}
         {{ partial "social" . }}
       </ul>
     {{ end }}
   </section>
 
   <!-- Posts List -->
-  <section id="recent-posts">
+  <section class="recent-posts">
     <div class="mini-posts">
       <header>
         <h3>Recent Posts</h3>
@@ -127,7 +125,7 @@ <h3>
   <!-- About -->
   {{ with .Site.Params.intro.about }}
     <section id="mini-bio">
-      <h3>About</h1>
+      <h3>About</h3>
       <p>{{ . | safeHTML }}</p>
       <a href="/ita/chi-siamo/" class="button">Learn More</a>
     </section>
@@ -138,9 +136,7 @@ <h3>About</h1>
     {{ if .Site.Params.socialAppearAtBottom }}
       <ul class="icons">
         {{ if .Site.Params.rssAppearAtBottom }}
-          <li>
-            <a href="{{ .RSSLink }}" type="application/rss+xml" target="_blank" title="RSS" class="fa fa-rss"></a>
-          </li>
+          {{ partial "rss-icon" . }}
         {{ end }}
         {{ partial "social" . }}
       </ul>

diff --git a/static/css/main.css b/static/css/main.css
@@ -130,8 +130,6 @@
 
 		}
 
-		}
-
 		@media screen and (max-width: 980px) {
 
 			body, input, select, textarea {
@@ -210,6 +208,10 @@
 			border-bottom: 0;
 		}
 
+    h1 {
+        font-size: 1.3em;
+    }
+
 	h2 {
 		font-size: 1.1em;
 	}
@@ -569,7 +571,7 @@
 		select:hover,
 		textarea:hover {
 			-webkit-transition:border-color 0.3s ease-in-out;
-			moz-transition:border-color 0.3s ease-in-out;
+			-moz-transition:border-color 0.3s ease-in-out;
 			transition:border-color 0.3s ease-in-out;
 			border-color: #2ebaae;
 		}