README

概述

这是 graphiques-digitale/silverstripe-seo-metadata 的模块扩展

它启用了增强的 favicon 和 固定图标 功能。

favicon 受以下启发：audreyr/favicon-cheat-sheet、Jonathan T. Neal - Understand the Favicon 和 High Quality Visuals for Pinned Sites in Windows 8

它需要

Graphiques-Digitale/silverstripe-seo-metadata

它打算与它的兄弟模块一起使用

这些都是可选的，并且从 alpha 版本 SSSEO 中分离出来，现在是多余的。

整个模块集合主要基于 2013 年每个网页都应该拥有的 18 个元标签。

此外，还有一篇很好的概述：5 个关于 Silverstripe 3 的 SEO 建议。

触摸图标受以下启发：关于触摸图标的全部内容

安装

Composer

composer require graphiques-digitale/silverstripe-seo-icons
使用 /dev/build/?flush 重新构建

从 ZIP

将解压后的文件夹 silverstripe-seo-icons-{version} 放入 SilverStripe Web 根目录下的 silverstripe-seo-icons
使用 /dev/build/?flush 重新构建

CMS 使用

所有图标都通过 /admin/settings/ 下的元数据标签全局设置。

建议您在网站根目录下仅有一个 favicon.ico 文件

模板使用

根据您的配置，一般想法是在 <head> 标签和 <% base_tag %> 包含下面使用 $Metadata() 替换所有与元数据相关的标题内容，例如。

<head>
	<% base_tag %>
	$Metadata()
	<!-- further includes ~ viewport, etc. -->
</head>

这将输出类似以下的内容

<head>
	<base href="http://dev.seo.silverstripe.org/"><!--[if lte IE 6]></base><![endif]-->
	
<!-- SEO -->
<!-- Metadata -->
<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." />
<!-- Favicon -->
<link rel="icon" href="http://dev.seo.silverstripe.org/assets/SiteConfig/seo-icons/logo.png" />
<!--[if IE]><link rel="shortcut icon" href="/favicon.ico" /><![endif]-->
<meta name="msapplication-TileColor" content="FFFFFF" />
<meta name="msapplication-TileImage" content="http://dev.seo.silverstripe.org/assets/SiteConfig/seo-icons/logo.png" />
<!-- Touch Icon -->
<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"><!-- 57×57px -->
<!-- END SEO -->

	<!-- further includes ~ viewport, etc. -->
</head>

问题跟踪器

问题在 GitHub 上跟踪 @ 问题跟踪器

开发和贡献

如果您在这些 SEO 模块领域有专业知识，并且愿意帮助，请通过 hello@graphiquesdigitale.net 联系我们 ~ 他们需要维护，随着 HTML 的发展，它们应该不断改进，我相信它们可以通过领域专家普遍得到改进。

许可

BSD-3-Clause 许可证

请参阅为什么是 BSD？

graphiques-digitale / silverstripe-seo-icons

维护者

详情