Павел Сайк

В файле шаблона www/probuhlo.ru/templates/skin/НАЗВАНИЕ_ШАБЛОНА/topic_part_header.tpl
Добавить

{if !$bTopicList}
		<ul class="breadcrumbs" itemscope itemtype="http://schema.org/BreadcrumbList">
			<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
				<a href="{cfg name='path.root.web'}" itemprop="item">
					<span itemprop="name">Главная</span>
				</a>
				<meta itemprop="position" content="1" />
				<span class="separator">→</span>
			</li>
			<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
				<a href="{$oBlog->getUrlFull()}" class="topic-blog" itemprop="item">
					<span itemprop="name">{$oBlog->getTitle()|escape:'html'}</span>
				</a>
				<meta itemprop="position" content="2" />
				<span class="separator">→</span>
			</li>
			<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
				<a href="{$oTopic->getUrl()}" itemprop="item">
					<span itemprop="name">{$oTopic->getTitle()|escape:'html'}</span>
				</a>
				<meta itemprop="position" content="3" />
			</li>
		</ul>
	{/if}

И обязательно очистить компиляцию шаблонов. Оформлению по своему вкусу

в OpenServer
1. Остановить OpenServer
2. Зайти в меню -> Дополнительно -> Конфиграция -> PHP
3. Откроется файл конфигурации
4. Найти строку "extension=php_intl.dll"
5. Убрать ";" в начале строки -> Сохранить
6. Запустить сервер
Ошибка должна исчезнуть

Сначала проверьте что, ваша разметка соответствует данной статье. В конце статьи есть ссылка на два валидатора

Самое лаконичное решение найдете тут «Пуленепробиваемая разметка Open Graph»

Вот самое лаконичное решение

Нужен. Так как слаг должен содержать ключи на свое языке

У обоих сервисом есть переоход ссылок. В Вебмастере - Индексирование - Переобход страниц. В Google вставляте ссылку в верху и потом переобход.

Да, можно. Но на главной странице оставить не закрывая. На внутренних rel="nofollow"

Там было весьма не однозначно. Работает надо настраивать сам Gmail. Инструкция

Лучше не марджин использовать, а паддинг. Исключит баги, а так да. Решение почти правильное.
1. Три колонки с float:left и равной шириной 33.33%
2. В первом и последнем, внутренний отступ 200 пикселей.
3. При ширине меньшей 960 пикселей с помощью меди квери , убрать у колонок плавающее свойство и сбросить ширину в auto, убрать у первого и последнего отступы.

div {
   float:left;
   width:33.3%
}
div.first,
div.last {
   padding:200px 0 0
}
@media screen and (max-width: 960px) {
div {
   paddint:0;
   float:none;
   width:auto;
}}

Жесть какая, читаю комментарии и понимаю, что современный верстальщик это не профессия, недопрограммист, а как тот кот, который занимает себя лизанием.

.image a {} - не будет работать, надо выкинуть внутренний блок, добавить его стили как раз ссылке, и будет окей.

<div class="image">
    <img src="http://i57.tinypic.com/3bl8n.png" alt="" />
    <a href="#"></a>
</div>

.image a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url('http://i62.tinypic.com/4jvwk7.png') no-repeat center / 53%;
    opacity: 0;
    z-index: 5;
}

.image:hover img {
    opacity: 0.2;
}
.image:hover a {
    opacity: 1;
}

тут почитать Нестандартные шрифты на сайте с помощью CSS