, (*1)
Overview
This is a modular extension for graphiques-digitale/silverstripe-seo-metadata, (*2)
It enables enhanced favicon and pinned icon features., (*3)
Favicon inspired by: audreyr/favicon-cheat-sheet, Jonathan T. Neal - Understand the Favicon and High Quality Visuals for Pinned Sites in Windows 8, (*4)
It requires:
* Graphiques-Digitale/silverstripe-seo-metadata
, (*5)
It is intended to be used alongside it's siblings:
* Graphiques-Digitale/silverstripe-seo-facebook-domain-insights
* Graphiques-Digitale/silverstripe-seo-open-graph
, (*6)
These are all optional and fragmented from the alpha version SSSEO
, which is now redundant., (*7)
The whole module collection is based largely on 18 Meta Tags Every Webpage Should Have in 2013., (*8)
Also, a good overview: 5 tips for SEO with Silverstripe 3., (*9)
Touch icons inspired by: Everything you always wanted to know about touch icons, (*10)
Installation
Composer
composer require graphiques-digitale/silverstripe-seo-icons
- rebuild using
/dev/build/?flush
From ZIP
- Place the extracted folder
silverstripe-seo-icons-{version}
into silverstripe-seo-icons
in the SilverStripe webroot
- rebuild using
/dev/build/?flush
CMS Usage
All icons are set globally via /admin/settings/
under the Metadata tab., (*11)
It is recommended you simply have a favicon.ico
file in the root of your website, (*12)
Template Usage
Depending on your configuration, the general idea is to replace all header content relating to metadata with $Metadata()
just below the opening <head>
tag and <% base_tag %>
include, e.g.:, (*13)
<head>
<% base_tag %>
$Metadata()
<!-- further includes ~ viewport, etc. -->
</head>
This will output something along the lines of:, (*14)
<head>
<base href="http://dev.seo.silverstripe.org/"><!--[if lte IE 6]></base><![endif]-->
<meta charset="UTF-8" />
<link rel="canonical" href="http://dev.seo.silverstripe.org/" />
<title>Your Site Name | Home - your tagline here</title>
<meta name="description" content="Welcome to SilverStripe! This is the default home page. You can edit this page by opening the CMS. You can now access the developer documentation, or begin the tutorials." />
<link rel="icon" href="http://dev.seo.silverstripe.org/assets/SiteConfig/seo-icons/logo.png" />
<meta name="msapplication-TileColor" content="FFFFFF" />
<meta name="msapplication-TileImage" content="http://dev.seo.silverstripe.org/assets/SiteConfig/seo-icons/logo.png" />
<link rel="icon" sizes="192x192" href="http://dev.seo.silverstripe.org/assets/SiteConfig/seo-icons/_resampled/SetSize192192-logo.png">
<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://dev.seo.silverstripe.org/assets/SiteConfig/seo-icons/_resampled/SetSize180180-logo.png">
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://dev.seo.silverstripe.org/assets/SiteConfig/seo-icons/logo.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://dev.seo.silverstripe.org/assets/SiteConfig/seo-icons/_resampled/SetSize144144-logo.png">
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://dev.seo.silverstripe.org/assets/SiteConfig/seo-icons/_resampled/SetSize120120-logo.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://dev.seo.silverstripe.org/assets/SiteConfig/seo-icons/_resampled/SetSize114114-logo.png">
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://dev.seo.silverstripe.org/assets/SiteConfig/seo-icons/_resampled/SetSize7676-logo.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://dev.seo.silverstripe.org/assets/SiteConfig/seo-icons/_resampled/SetSize7272-logo.png">
<link rel="apple-touch-icon-precomposed" href="http://dev.seo.silverstripe.org/assets/SiteConfig/seo-icons/_resampled/SetSize5757-logo.png">
<!-- further includes ~ viewport, etc. -->
</head>
Issue Tracker
Issues are tracked on GitHub @ Issue Tracker, (*15)
Development and Contribution
Please get in touch @ hello@graphiquesdigitale.net
if you have any extertise in any of these SEO module's areas and would like to help ~ they're a lot to maintain, they should be improved continually as HTML evolves and I'm sure they can generally be improved upon by field experts., (*16)
License
BSD-3-Clause license, (*17)
See @ [Why BSD?][8], (*18)
, (*19)
, (*20)
, (*21)