Umbraco 7 SEO теги
У меня есть веб-сайт, для которого я хочу создать SEO-теги в Umbraco. Мне было интересно, как это делается? Есть ли какие-либо передовые практические документы или советы?
3 ответа
У вас должны быть свойства для тех элементов внутри каждого документа, которые должны иметь их и будут отображаться / индексироваться и т. Д. Вы можете достичь цели несколькими способами:
Вы можете создать небольшой тип составного документа со всеми необходимыми свойствами (SeoTitle, SeoDescription, SeoKeywords и все, что вы хотите больше) и прикрепить его к вашим типам документов (возможно, даже некоторый тип основного документа, используемый для всех веб-страниц, отображаемых и проиндексированных на вашем сайте). Затем вы можете создать частичное представление или отобразить значения из него в главном шаблоне. На мой взгляд, этот способ дает вам лучший контроль над тем, что там есть, и мы делаем это для всех наших проектов (просто импортируем экспортированный составной тип документа и прикрепляем его к нужным элементам в конкретном решении).
Вы можете использовать пакет, например, https://our.umbraco.org/projects/backoffice-extensions/seo-metadata-for-umbraco/ который делает одно и то же и немного по-другому, дает вам возможность извлечь эти свойства из объекта CurrentPage. Вы можете прочитать больше о пакете здесь: https://ryanl.me/2015/04/13/seo-metadata-for-umbraco/.
Я не эксперт по SEO, но, надеюсь, приведенные ниже фрагменты кода помогут вам начать
Метаданные
На страницах я добавил некоторые свойства. Если вы делаете это по типу документа, по наследству или по композициям, вы можете выбрать. У меня определены следующие свойства.
Название страницы, которое я стремлюсь немного отличать от названия страницы. Не уверен, имеет ли это какое-то значение - однако я надеюсь, что это заставит еще несколько моих ключевых слов для статьи появиться либо в заголовке страницы, либо в названии страницы. Имя страницы, которое я помещаю в
<head>часть, а заголовок страницы используется как часть статьи / основного контента.Фрагмент страницы, который я стремлюсь сделать как можно более коротким и, как правило, не более 160 символов. В статье используется фрагмент страницы, а также сводка для метаданных.
Теги страницы, используемые для ключевых слов метаданных, а также для горизонтальной навигации по контенту на сайте.
Рекомендуемое изображение, хотя оно и не является частью SEO, важно как часть стратегии, чтобы сделать контент дружественным для социальных сетей.
Автор, может иметь значение для SEO, и у меня есть свойство для основного автора, и в качестве участника я регистрирую страницу профиля в Facebook.
Я начал писать макрос для бритвы, но он требует дополнительной работы, но для меня это хорошо работает. Я помещаю это как макрос запуска в <head> часть.
@inherits Umbraco.Web.Macros.PartialViewMacroPage
@{
string domain = "https://" + HttpContext.Current.Request.Url.Host;
string site_name = "sitename";
string og_title = CurrentPage.Name;
string og_image = "";
string og_description = "Description here";
string facebookPageAuthor = "https://www.facebook.com/xx";
string facebookPageSite = "https://www.facebook.com/xx";
string authorName = "asdf";
int authorId = 1099;
string url = domain + CurrentPage.Url;
string facebookAppId = "12341234";
string twitterUserAuthor = "@asdf";
string twitterUserSite = "@qwer";
string logoUrl = domain + "/media/1006/logo.png";
DateTime createDate = CurrentPage.CreateDate;
DateTime updateDate = CurrentPage.UpdateDate;
if (CurrentPage.pageTitle != null && !(CurrentPage.pageTitle is Umbraco.Core.Dynamics.DynamicNull))
{ og_title = CurrentPage.pageTitle;}
@* Check if this page has snippet, and use it exists *@
if (CurrentPage.pageSnippet != null && !(CurrentPage.pageSnippet is Umbraco.Core.Dynamics.DynamicNull))
{ og_description = CurrentPage.pageSnippet; }
@* Check if this page has featured image, and crop to facebook preferred crop size (1200x630px). Use parent page default image it exists *@
if (CurrentPage.featuredImage != null && !(CurrentPage.featuredImage is Umbraco.Core.Dynamics.DynamicNull))
{
var featImage = Umbraco.TypedMedia((int)CurrentPage.featuredImage);
og_image= featImage.GetCropUrl("1200x630"); }
else
{
og_image = Umbraco.Media(CurrentPage.AncestorsOrSelf(1).First().featuredImage).GetCropUrl("1200x630");
}
@* Check if author has facebook page *@
if ((int)CurrentPage.author >0)
{
authorId = (int)CurrentPage.author;
}
var authorModel = Members.GetById(authorId);
authorName = (string)authorModel.Name;
facebookPageAuthor = (string)authorModel.GetProperty("facebookProfilePage").Value;
}
<meta property="og:title" content="@og_title" />
<meta property="og:site_name" content="@site_name" />
<meta property="og:url" content="@url" />
<meta property="og:description" content="@og_description" />
<meta property="og:image" content="@domain@og_image" />
<meta property="fb:app_id" content="@facebookAppId" />
<meta property="og:type" content="article" />
<meta property="og:locale" content="en_US" />
<meta property="article:author" content="@facebookPageAuthor" />
<meta property="article:publisher" content="@facebookPageSite" />
<meta name="twitter:title" content="@og_title" />
<meta name="twitter:description" content="@og_description" />
<meta name="twitter:image:src" content="@domain@og_image" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@twitterUserSite" />
<meta name="twitter:creator" content="@twitterUserAuthor" />
<script type="application/ld+json">
{
"@@context": "http://schema.org",
"@@type": "NewsArticle",
"mainEntityOfPage":{
"@@type":"WebPage",
"@@id":"@url"
},
"headline": "@og_title",
"image": {
"@@type": "ImageObject",
"url": "@domain@og_image",
"height": 630,
"width": 1200
},
"datePublished": "@createDate.ToString("o")",
"dateModified": "@updateDate.ToString("o")",
"author": {
"@@type": "Person",
"name": "@authorName"
},
"publisher": {
"@@type": "Organization",
"name": "domain.com",
"logo": {
"@@type": "ImageObject",
"url": "@logoUrl",
"width": "660",
"height": "675"
}
},
"description": "@og_description"
}
</script>
хлебный мякиш
Макрос для создания хлебных крошек с микроданными полезен для SEO.
@using Umbraco.Web
@using Umbraco.Web.Mvc
@using Umbraco.Core
@using System.Web
@inherits Umbraco.Web.Macros.PartialViewMacroPage
@*
This snippet makes a breadcrumb of parents using an html ordered list.
It makes metadata available for search engines in the Microdata format.
The CSS is customised for Bootstrap 4
*@
@if (Model.Content.Ancestors().Any())
{
var pageAncestors = Model.Content.Ancestors().OrderBy("Level");
<div>
<ol class="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">
@foreach (var page in pageAncestors)
{
<li class="breadcrumb-item" itemprop="itemListElement" itemscope
itemtype="http://schema.org/ListItem">
<a itemscope itemtype="http://schema.org/Thing"
itemprop="item" href="@page.Url">
<span itemprop="name">@page.Name</span>
</a>
<meta itemprop="position" content="@page.Level" />
</li>
}
<!-- And add the current page -->
<li class="breadcrumb-item active" itemprop="itemListElement" itemscope
itemtype="http://schema.org/ListItem">
<span itemprop="name">@Model.Content.Name</span>
</li>
</ol>
</div>
}
SiteMap
Я карта сайта должна быть представлена в поисковых системах. Макрос может быть что-то вроде:
@inherits Umbraco.Web.Macros.PartialViewMacroPage
@using Umbraco.Core.Models
@using Umbraco.Web
@using System.Linq;
@{ Layout = null;
Response.ContentType = "text/xml";
}<?xml version='1.0' encoding='UTF-8' ?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemalocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
@ListChildNodes(Model.Content.AncestorOrSelf(1))
</urlset>
@helper ListChildNodes(IPublishedContent startNode)
{
const int maxLevelForSiteMap = 100;
foreach (var node in startNode.Children.Where(x => Umbraco.MemberHasAccess(x.Id, x.Path)).Where(x => !Umbraco.IsProtected(x.Id, x.Path)).Where(x => x.IsVisible()))
{
if (node.TemplateId > 0)
{
<url>
<loc>@node.UrlWithDomain()</loc>
<lastmod>@(string.Format("{0:s}+00:00", node.UpdateDate))</lastmod>
@{
var freq = node.GetPropertyValue<string>("SearchEngineSitemapChangeFreq");
var pri = node.GetPropertyValue<string>("SearchEngineSitemapPriority");
}
@if (!string.IsNullOrEmpty(freq))
{
<changefreq>@freq</changefreq>
}
@if (!string.IsNullOrEmpty(pri))
{
<priority>@pri</priority>
}
</url>
}
if (node.Level <= maxLevelForSiteMap && node.Children.Any())
{
@ListChildNodes(node)
}
}
}
Вот как это делает моя компания и как меня учили, и она работает до того самого момента, когда мы говорим.
В настройках создайте тип документа без шаблона и назовите его SEO, Затем добавьте свойства, которые вы хотите для вашего SEO (и, конечно, вы можете обновить их в любое время). После этого создайте свою домашнюю страницу и все остальные узлы как дочерние на вкладке SEO и заставьте их наследовать свойства. Таким образом, на каждой создаваемой странице свойства SEO будут наследоваться.
Про совет я узнал недавно. Вы можете использовать GetPropertyValue для свойств SEO в каждом узле, как если бы это были свойства узла с самого начала. (Нет необходимости искать Ancestors или же Descendants и т.п.
Вот как выглядит моя вкладка "Настройки":