Изменить заголовок страницы в браузере в joomla
web программирование, администрирование и всякая всячина, которая может оказаться полезной
Для эффективного продвижения в поисковых системах, как правило рекомендуется использовать заголовок (тэг ). В системе Joomla имеется возможность изменять title практически для любой страницы.
Изменяем title-заголовок для главной страницы
Как ни странно, заголовок главной страницы не изменяется при изменении заголовка материала, который размещен на главной (галочка). Возможно, поэтому, у тех, кто только начинает разбираться с Joomla! возникают проблемы с изменением заголовка главной страницы.
Итак, решение: Заходим в mainmenu, выбираем первый пункт, переходим к параметрам-Система и задаем ему новый заголовок для главной страницы. У многих после такого изменения возникает вопрос “Какого…”, однако за ответом, пожалуй не ко мне.
Изменяем заголовки внутренних страниц
Чтобы изменить TITLE внутренних страниц, можно воспользоваться встроенными средствами Joomla - при редактировании страницы поле “заголовок”.
Однако, довольно часто пользуются дополнительными решениями Joomla для управления мета-тегами (в том числе и Title). Из тех, с которыми приходилось сталкиваться (с Joomla вообще пересекаюсь довольно редко), хотелось бы выделить следующие:
Компонент Tag Meta позволяет настроить теги title, description, keywords и robots для каждой страницы сайта, в том числе для категорий, разделов, страниц (не только для материалов).
ARTIO JoomSEF - компонент, который позволяет настраивать ЧПУ и мета-тэги для всех страниц сайта (в том числе и для страниц разделов, и для третьей страницы раздела, например). Имеет возможность кэширования.
Кстати, если после изменения в ARTIO JoomSEF мета тэги не отобразились (не появился измененный title на странице), проверьте, возможно включено кэширование. Естественно, заголовки не появятся до очистки кэша.
Метки: joomla
Автор будет признателен, если Вы поделитесь ссылкой на статью, которая Вам помогла:
BB-код (для вставки на форум)
html-код (для вставки в ЖЖ, WP, blogger и на страницы сайта)
ссылка (для отправки по почте)
Комментарии (6) к записи “Joomla как изменить title главной страницы, заголовки внутренних страниц Joomla”
СпасибО!=)
Все просто и понятно!=)
джумла редкостное дерьмище ребятки, используйте вордпресс
Добрый день! В ARTIO JoomSEF поменял title на странице,. кэш очистил,но название так и не поменялось что это?
В новых версиях Joomla всё стало проще. Теперь задать уникальный Title для материала можно в настройках этого материала на вкладке Отображение. Опция называется Заголовок страницы в браузере и расположена в самом конце списка опций. Вся дальшейшая информация уже неактуальна.
Если вы хорошо разбираетесь в Joomla, то, вероятно, знаете, что уникальные и отличающиеся Title и H1 можно задать для статьи на сайте, если привязать эту статью к пункту меню. Этот метод хорошо использовать, когда у вас всего несколько статей. Но что делать, если статей десятки или сотни? Создавать для каждой отдельный пункт меню неудобно.
Примечание: Начиная с версии 3.7 в настройках материала, на вкладке "Отображение", появилось поле "Заголовок страницы в браузере". Для изменения Title вы можете использовать это поле, а не дальшейший способ из статьи. Дальнейший способ отличается тем, что будет переопределять Title даже тогда, когда материал привязан к пункту меню.
Благодаря тому, что в Joomla 3.7 появились настраиваемые поля, мы можем создать дополнительное поле для материалов, и настроить его так, чтобы в нем можно было задать Title для страницы материала.
Порядок действий следующий:
- Создаем настраиваемое поле для Title в материалах Joomla
- Переопределяем макет материала Joomla в используемый шаблон
- Вносим изменения в макет
Теперь про каждый пункт подробнее.
1. Создаем настраиваемое поле для Title в материалах Joomla
Переходим в «Материалы –> Поля» и нажимаем кнопку «Создать»:
Перед вами откроется форма создания нового дополнительного поля. Заполняем ее следующим образом:
На вкладке «Основные» задаем:
- Тип: Текст
- Категория: Все
- Имя: custom-title
- Название: На ваш выбор
- Обязательно: Нет
- Фильтр: Текст
- Максимальная длина: Здесь можно ничего не вводить, либо ввести значение, длиннее которого Title будет задать нельзя (удобно для SEO, т.к. максимальная длина Title в поисковых системах ограничена)
На вкладке «Параметры» задаем:
- Показать в: Оба
- Автоматическое отображение: Не показывать автоматически
После этого сохраняем поле, и видим его в списке:
Если всё сделано правильно, то при создании новой статьи или при изменении существующей, вы увидите вкладку «Поля» на которой будет наше созданное поле с возможностью указания пользовательского заголовка Title.
Если после создания дополнительного поля вы не видите его в форме редактирования материала, убедитесь, что:
1) У вас активирована опция: «Общие настройки –> Материалы –> Вкладка «Интеграция» –> Включить настраиваемые поля»
2) Плагины дополнительных полей активированы в менеджере плагинов.
3) Вы используете Joomla 3.7 или выше.
2. Переопределяем макет материала Joomla в используемый шаблон
Теперь, когда у нас есть возможность ввода Title в форме редактирования материала, нужно чтобы Title был виден на сайте. Для этого нам нужно внести некоторые исправления в макет материала Joomla. Хаков не будет, т.к. этот макет переопределяется в шаблон Joomla.
Для переопределения макета материала, копируем файл:
/components/com_content/views/article/tmpl/default.php
/templates/ВАШ_ШАБЛОН/html/com_content/article/
и вносим все дальнейшие изменения уже там.
3. Вносим изменения в макет
В скопированном файле нам нужно внести следующие изменения:
Найдите строчку (~24):
и вставьте после нее:
На этом всё. Теперь, если всё сделано правильно, когда вы будете вводить в созданное дополнительное поле материала текст, он автоматически будет становиться тегом Title для страницы этого материала:
P.S.: Учитывайте одну важную особенность. Используя этот прием, вы не сможете больше переопределить Title в настройках пункта меню, если привяжете к нему статью. Дело в том, что код, который написан выше, имеет наивысший приоритет для установки Title.
P.P.S.: По умолчанию заголовки статей показываются в Joomla в теге H2. Если вы хотите изменить их на H1, смотрите кейс: Как сделать заголовки материалов Joomla в теге H1
Засим благодарю за внимание и желаю успехов в продвижении ваших сайтов на Joomla.
Сегодня простая, но интересная тема статьи. Её можно отнести из тем о скрытых возможностях Joomla. Ниже я расскажу, как разнообразить заголовки сайта и, например, как поменять название сайта Joomla в браузере. Для начала немного теории.
Теория оптимизации о заголовках
В теории оптимизации есть простое правило, касающееся заголовков на сайте. Все страницы сайта должны иметь уникальные title в рамках сайта. Напомню, под заголовками на сайте мы понимаем короткие названия по сути текста заключенные в теги и размещенные в элементе и . Вы всегда можете посмотреть title сайта, title раздела, title статьи воспользовавшись просмотром кода страницы в браузере (Ctrl+U). Вернемся к Joomla.
Заголовок сайта Joomla
Если вы посмотрите код главной страницы Joomla, то увидите, что «шапочных» элементов два: head и header. В тегах head, если просто, хранятся элементы для браузеров и поисковых систем. Теги header задают шапку самого сайта. Соответственно title есть и там и там.
Поисковики читают оба title. Однако если посмотреть на любую выдачу по поиску браузера, то мы увидим, что в поиске выводится заголовок (title), который прописан в head. Этот заголовок называют – заголовок в браузере.
Касаемо отдельных статей, противоречий нет, и название статьи выводится в title head. А вот для главной страницы в title по умолчанию выводится название меню главной страницы сайта. Обычно их называют «Главная», «Дом», «Home» и т.д.
Примечание: Если на вашем сайте несколько главных страниц, а это будет при активации пагинации (листания) главной страницы, то получаем несколько страниц с одинаковым title, что нехорошо.
Как поменять название сайта Joomla в браузере
Можно изменить название сайта в браузере. Для этого:
- Далее открываем вкладку «Параметры страницы» и на ней прописываем «Заголовок страницы в браузере» (1 на фото).
- Кстати, здесь же можно включить «Заголовок страницы», который отразится на странице в тегах (2,3 на фото).
Для улучшения SEO сайта Joomla, если заполнить все эти поля, получим:
- Уникальный title главной страницы;
- Новый заголовок в тегах h1;
- Показываемый заголовок, прописанный в header – Название сайта.
Эту настройку можно применить для всех пунктов меню и категорий, создав таким образом дополнительные запросы для поисковых систем.
Важно! После всех подобных редакций следите, чтобы заголовок в тегах h1, был на странице только один.
Выводы
К сожалению, этой настройкой мы не решим проблему одинаковых title, для страниц пагинации сайта. Я решаю эту проблему компонентом Artio JoomSEF.
В завершении, напомню, как добавить название сайта указанное в общих настройках в заголовок браузера.
Это правило относится не только к статье, а ко всей странице в целом. То есть поисковик ищет первый тег и его считает основным, определяющим тему страницы. Наличие на странице нескольких тегов каждый поисковик воспринимает по-разному, но все они этого «не понимают», и как следствие отодвигают страницы в поисковой выдаче, отдавая предпочтение правильно сформированным страницам других сайтов.
Недавно появился бесплатный плагин, который сам проверяет и устраняет проблему повторения тегов h1 . Это плагин: Aimy H1 Heading.
Если плагин не может найти H1 на странице, он берет первый H2 и превращает его в H1. Кроме того, вы можете использовать черный список, чтобы установить, в каких контекстах содержимое не следует восстанавливать.
Теги h1-h2 на сайте Joomla
Давайте посмотрим, где по умолчанию, Joomla предполагает расстановку тегов , , и как это посмотреть на своём шаблоне.
Тег h-1 на сайте Joomla
Чтобы посмотреть, как по вашему сайту расставляются теги h1, h2 воспользуйтесь инструментами разработчика в вашем браузере.
Вариант 1. На практике, кликните по проверяемому названию правой кнопкой мыши и нажмите на команду, типа «Код элемента». В дополнительном окне откроется HTML код этой части сайта с выделенным кодом вашего клика.
Вариант 2. Можно, правой кнопкой мыши открыть весь код страницы. Код страницы, также, открывается нажатием горячих клавиш Ctrl+U (в Chrome и Mozilla). Открыв код всей страницы, воспользуйтесь поиском по странице в браузере (Ctrl+F) и в поле поиска (в правом верхнем углу) впишите искомое слово, у нас это h1 ; или h2 . Повторюсь, тег h1 должен найтись на странице не более и не менее одного раза.
Рассмотрим редактирование тегов на следующих страницах сайта Joomla 3.
- Тег h1 на главной странице сайта (Избранные материалы);
- Тег h1 на открытой статье;
- Тег h1 на странице списков (категорий и статей категории).
Тег h1 на странице избранные материалы
Для начала замечу, что блог «Избранные материалы» не всегда может быть главной страницей сайта. Главной страницей сайта может быть назначена любая страница сайта от статьи, до списка категорий. При создании любой страницы, любого пункта меню есть поле «Главная страница» (Да, Нет). На сайте Joomla 3 не может быть двух главных страниц, если вы работаете на одном, а не на двух шаблонах.
Вернемся, к избранным материалам.
Я не буду в статье анализировать различные схемы расстановки тега h1 по сайту Joomla 3, и тем более не буду анализировать другие сайты для ответа на этот вопрос. Вы сами это можете сделать, пощелкав по заголовкам чужих сайтов Joomla правой мышью.
В этой статье я расскажу, как реализовать следующую схему:
- Блог избранные материалы это главная страница сайта, на ней тег h1 употребляется один раз в заголовке к блогу. Все заголовки анонсов к избранным материалам заключены в теги .
- При открытии статьи, тег обрамляет только заголовок этой статьи.
- В header сайта стоит название сайта в тегах . Если название сайта заменяем логотипом, то логотип не обрамляем тегами .
На сайте Joomla 3 материалы можно выводить различными макетами: избранные материалы, блог, список статей категории, список категорий и т.д. Об этом подробно я писал в статье: Макеты материалов Joomla 3. Чтобы отражаться на сайте, любая форма вывода материалов (макет), должна быть добавлена в любое меню сайта, отдельным пунктом.
Заголовок над избранными материалами, будет выводиться в тегах и совпадать с названием пункта меню, если не менять настройки вывода материалов. Но его можно и поменять. Сделать это можно при создании пункта меню на вкладке: Параметры страницы.
В пункте «Заголовок страницы в браузере» пишем свое название. В следующем пункте «Показать заголовок страницы» ставим «Да». На следующих двух фото вы видите, как меняется название блога «Избранные материалы».
Тег h1 на странице списков (категорий и статей категории)
Заголовок над блогами категорий и над списками статей будет выводиться в тегах . Заполнив на вкладке Параметры страницы, пункт: «Показать заголовок страницы» - «Да», получаем еще один заголовок, но в тегах . Аналогично настраивается название любой макет вывода материалов Joomla 3 (исключая Избранные материалы).
Тегов на главной странице Joomla 3 больше не предусмотрено.
Примечание: Настройка, обрамлять или не обрамлять логотип тегом , должна быть в настройках шаблона (Расширения→Менеджер шаблонов→Шаблон по умолчанию).
Тег h1 на открытой статье
К сожалению или к счастью, для кого как, в большинстве шаблонов Joomla, открытая статья имеет заголовок в тегах , а не .
По-умолчанию, тег на открытой статье не используется. Заголовок статьи обрамлен тегом .
Меняем на в коде шаблона
И в классе ="page-header" меняем h2 на h1 .
Пример1 (Joomla 3):
Пример 2 (Joomla 2.5)
У вас в шаблоне может быть другой код, но суть не меняется.
Напомню, что для редактирования файл качаем его по FTP на компьютер, далее редактируем его в текстовом редакторе (например, Notepad++) и переносим обратно на сервер хостинга в режиме перезаписи по FTP.
Возвращаемся в административную панель сайта и чистим кэш (Система→Очистить кэш системы). Если в настройках плагина «Кэш» используете кэширование в браузере, чистим кэш браузера (горячие клавиши Ctrl+F5 в Chrome и Fox или чистим историю браузера за последний час).
Примечание: Если не любите менять код сайта попробуйте плагин: Header Tags Plugin.
На этом все! Такие нехитрые приемы для «причесывания» h1 в заголовках Joomla 3 позволят вам улучшить отношения с поисковиками Интернет. Однако, это «капля в море» работ по оптимизации Joomla 3.
Вывод
Важно понимать, что количество и растасовка тегов h1, h2 зависит не только от конкретного шаблона, но от ваших настроек сайта. Например, в настройках материалов есть пункт который показывает заголовок раздела в блоге и списках (заголовок формы). Он может обрамляться тегом h1 . Вместе с этим, в настройках меню, есть свой пункт "Заголовок страницы", который можно показать или скрыть и он тоже может обрамляться тегом h1 . Если поставить оба заголовка, получим уже два тега h1 .
И последнее, авторы Joomla шаблонов любят обрамлять тегами логотип сайта или заголовок в шапке, что априори, занимает нишу тега h1 для всех страниц сайта. С этим тоже нужно бороться по алгоритму описанному в этой статье.
Начиная знакомство с понятием SEO-оптимизации, многие начинающие веб-разработчики впервые узнают о том, что материал на странице сайта должен соответствовать определенной иерархии. На странице должны быть четко структурированы заголовки и не как попало, а по определенным правилам:
- Заголовок страницы должен быть в теге H1
- Больше одного тега H1 на странице быть не должно
- Последующие подзаголовки должны начинаться с тега H2, в них вложены заголовки H3 и так далее
- Тегов H2, как и последующих может быть сколько угодно
Благодаря такой структуре поисковые роботы, посещая страницы Вашего сайта, находят первый тег H1 и считают его основным, то есть тем, который определяет тему данной страницы. Если таких тегов будет несколько, то поисковый робот может не правильно понять такую структуру и понизить страницу в поисковой выдаче. Примерно такая же ситуация может получиться если на странице не будет заголовка первого уровня вообще.
В данной статье мы поговорим о том как сделать заголовок h1 в Joomla для того чтобы повысить шансы сайта на повышение позиций в поисковой выдаче.
Почему в Joomla заголовок страницы в теге H2
Для начала давайте разберемся, почему в Joomla под заголовок страницы разработчики решили выделить тег H2, а не H1.
Если честно это никакая не ошибка или упущение разработчиков, просто у них такая своеобразная логика. По этой самой логике тег H1 должен быть у названия пункта меню. В этом можно убедиться, если открыть один из пунктов меню и на вкладке «Параметры страницы» поставить переключатель «Показывать заголовок страницы» в положение «Да».
Причем если не указывать значения «Заголовок страницы в браузере» либо «Заголовок страницы» тогда в качестве тега H1 на странице сайта будет выведен заголовок самого пункта меню.
В результате заголовки на странице сайта будет выглядеть следующим образом:
В принципе логика тут прослеживается, заголовок H1 все же присутствует, но для этого необходимо для каждого материала выделять свой пункт меню, а если их достаточно большое количество, то и размер меню будет огромным. Такой подход пусть и возможен, но не всех может устроить.
А давайте рассмотрим другой случай, когда в качестве типа пункта меню будет выступать не материал как в предыдущем случае, а список материалов категории. В этом случае если включить отображение заголовка пункта меню, то у каждого материла категории, будет одинаковый заголовок. Это если честно уже перебор.
Какие существуют способы изменить тег заголовка с H2 на H1 в Joomla
Если честно выбор не велик и существует всего два способа замены заголовка материала в Joomla с тега H2 на H1:
- Редактирование файла макета статьи
- Переопределение файла макета с последующим редактированием
На большинстве сайтов Вы сможете найти информацию как сделать заголовок материала Joomla в теге H1, но практически все они описывают только первый способ - правку файла макета (или шаблона) статьи.
По сути оба способа похожи, изменять будем один и тот же файл, но есть между ними и существенное отличие.
Чтобы понять, в чем разница между этими двумя способами, и какой подойдет именно для Вас, давайте рассмотрим их подробнее.
Редактирование файла макета статьи
Этот метод самый распространенный и позволяет сделать заголовок материала в теге H1 путем правки определенного файла.
Если Вы ни разу не вносили изменения в файлы CMS Joomla, советую прочитать данную статью, но на всякий случай повторюсь. Первое что необходимо сделать это зайти на сайт по FTP при помощи любого доступного FTP-клиента (например, FileZilla), далее в корневой папке сайта проследовать по пути /components/com_content/views/article/tmpl. Конечно, можно воспользоваться файловым менеджером на Вашем хостинге (если такой имеется), но если честно метод с FTP мне лично нравится больше.
Итак, в папке /components/com_content/views/article/tmpl мы видим 3 файла, но нас интересует только файл с именем default.php. Для начала открываем данный файл для редактирования обычным текстовым редактором (я предпочитаю Sublime Text либо Notepad++).
Файл относительно не большой и в стандартном варианте Joomla версии 3.7.4 состоит из 173 строк кода. Теперь нам надо найти строку, которая отвечает за заголовок материала. Для этого проще всего воспользоваться поиском – нажать Ctrl+F , написать в строку поиска «h2» (без кавычек естественно). Поиск перенесет нас к нужной строке кода, которая в зависимости от версии Joomla (или используемого шаблона, в котором переопределены файлы движка) может отличаться. В Joomla 3.7.4 нужный нам код расположен в строках 53 – 55:
Все что от нас требуется это заменить h2 на h1 и сохранить изменения. В результате если перейти на сайт и посмотреть код страницы мы убедимся в том, что заголовок материала теперь находится в теге H1:
Метод действительно рабочий, после проделанных манипуляций мы получим желаемый результат.
Однако мало кто Вам скажет о том, что после обновления Джумлы все изменения могут быть потеряны в связи с заменой данного файла более новым. В таком случае придётся повторять весь процесс после каждого обновления Joomla.
Переопределение компонента com_content с последующим редактированием файла макета
Данный способ хорош тем, что после обновления Joomla внесенные изменений никуда не исчезнут, но для этого придется прибегнуть к переопределению.
Для создания переопределения в панели управления переходим в раздел «Расширения» -> «Шаблоны». Определяем, какой из имеющихся шаблонов используется в данный момент:
Теперь в левой части страницы жмем на пункт меню «Шаблоны» и переходим в параметры нашего шаблона (в моем случае это Protostar):
На открывшейся странице «Менеджер шаблонов: Изменить шаблон» переходим на вкладку «Создать переопределение». Нас интересуют компоненты -> com_content, жмем по нему и в выпадающем списке выбираем шаблон article. После этого Joomla сообщит нам, что переопределение было создано и укажет путь, по которому следует проследовать:
Теперь по FTP переходим в папку с нашим шаблоном /templates/ваш_шаблон/html/com_content/article и видим что в данной папке сразу два файла - default.php и default_links.php. Мы уже знаем, какой из файлов нас интересует, второй можно смело удалять, чтоб не занимал место.
Точно так же как в предыдущем варианте при помощи поиска находим нужный нам тег :
И меняем теги заголовка H2 на H1:
После чего сохраняем результат и убеждаемся в том, что теперь заголовок страницы находится в теге H1.
Критическая ошибка после того как заголовок материала получил тег H1
Какая еще может быть ошибка, спросите Вы, ведь у нас все получилось и заголовок материала, всё-таки стал первого уровня. Но проблема все же присутствует и я, кстати, был удивлен, что ни на одном сайте про нее нет ни одного слова.
Все говорят, как сделать заголовок в теге H1 и никто не сообщает о том, что после подобных изменений Вы можете получить не один, а сразу два заголовка первого уровня!
В чем же проблема? Вспомните про «странную логику» разработчиков Joomla, ведь они под заголовок первого уровня выделили заголовок пункта меню. Мы конечно поправили заголовок материала, а вот про тот самый заголовок пункта меню забыли.
Теперь представьте ситуацию, на Вашем сайте заголовок материала находится в теге H1, все хорошо, но вдруг Вам или другому доверенному пользователю захотелось включить отображение заголовка пункта меню. В итоге у Вас получится вот такая ситуация:
WTF? Что это за два заголовка первого уровня? Вот именно про это я и говорил! Мы поменяли тег заголовка материала, но не учли, что тег заголовка пункта меню никуда не делся, он, как был первого уровня, так и остался.
Что в этом случае можно сделать? Самый простой вариант не показывать заголовок меню. Но как быть, если сайтом управляете не только Вы? Можно конечно объяснить всем пользователям с правами администратора, что не стоит включать отображение заголовка пункта меню.
Но я Вас уверяю, сколько людям не говори, что что-то делать нельзя, они обязательно это сделают! Кто то из вредности, кто то по глупости, да мало ли… Я предлагаю кардинально решить данную проблему – удалить возможность вывода заголовка пункта меню.
Сделать это не сложно – открываем вновь наш файл default.php, но на этот раз уже ищем тег h1. Поиск предложит нам 4 варианта – два из них только что созданные нами на строках 53 и 55, а так же те самые, которые относятся к заголовку пункта меню, находятся они в строке 31:
С другой стороны конечно можно добавить некое условие в PHP код, которое будет запрещать выводить заголовок пункта меню именно в материалах, но этот вариант несколько сложнее. Если Вам будет интересен именно этот метод, напишите свой комментарий, я обязательно с вами им поделюсь!
Что мы в итоге получим? А получим мы следующее – заголовок материала как прежде будет первого уровня (h1), но на этот раз, если кто-то (возможно и Вы сами) по ошибке включит отображение заголовка пункта меню, ничего страшного не произойдет. На странице сайта будет отображаться только один заголовок первого уровня. А это как раз то чего мы и добивались!
Читайте также: