Встановлюємо різні значення заголовків у вікна браузера і на сторінці
Мої замітки призначені в основному для початківців веб-майстрів. Незважаючи на це, досвідчені розробники також знайдуть тут що-небудь цікаве для себе.
У своєму блозі я збираюся публікувати статті про сучасні веб-технологіях (HTML5. CSS3 та інших). Якщо в процесі роботи над проектами я відкриваю для себе «свіже» рішення будь-якої задачі, я записую сюди інформацію про це, що дозволяє мені при необхідності застосовувати отримані знання в майбутньому.
Сподіваюся інформація буде корисна для відвідувачів.
Якщо є можливість встановлювати різні значення заголовка вікна браузера і заголовка сторінки сайту, то це дає певну зручність для SEO-оптимізації. В цьому випадку, веб-майстер може розміщувати різні ключові слова в заголовку вікна браузера і в заголовку сторінки. У цій замітці я розповім, як можна встановити різні значення HTML-елемента
і заголовка сторінки на сайті під керуванням «1С-Бітрікс».</p>
<p>В першу чергу потрібно внести зміни в шаблон сайту: відкриваємо файл header.php вашого шаблону і знаходимо в коді рядок, де виводиться HTML-елемент <title>. Між тегами повинен знаходитися наступний код:</p><p>Далі, знаходимо в header.php місце, де виводиться заголовок сторінки (швидше за все, це буде HTML-елемент <h1> ) І розміщуємо всередині нього наступний код:</p>
<p>Далі може бути 2 варіанти розвитку ситуації: ви будете встановлювати заголовки на сторінці містить статичний контент або на сторінці, що містить виклик якогось компонента (наприклад, bitrix: news).</p>
<p>Варіант перший - звичайна сторінка.</p>
<p>Відкриваємо сторінку для редагування в режимі php коду і вносимо в початок сторінки після рядка</p>
<p>Варіант другий - сторінка з компонентом.</p>
<p>Тут взагалі все набагато простіше, головне не забути створити властивість, в якому буде зберігатися заголовок для кожного елемента Інфоблоки, з яким буде працювати розміщується компонент. Після цього, просто робимо наступні настройки компонента:<br><div style="text-align:center;"><img src="https://webp.images-on-off.com/23/398/424x305_n8in0yj1ep5v1hp6znj8.webp" width="424" height="305" title="Встановлюємо різні значення заголовків у вікна браузера і на сторінці (браузера)" alt="Встановлюємо різні значення заголовків у вікна браузера і на сторінці" ></div><br> «Встановити заголовок вікна браузера з властивості» - вказуємо ім'я властивості, в якому зберігається заголовок.</p>
<p>Сам процес установки заголовка відбувається всередині файлу component.php. за допомогою того ж методу CMain :: SetPageProperty (). Якщо значення цієї властивості у якого-небудь елементу залишається незаповненим, заголовком вікна браузера стає назву елемента. Це відбувається в тому випадку, якщо в настройках компонента відзначено опція «Встановлювати заголовок сторінки». В іншому випадку, заголовок буде братися з налаштувань самої сторінки.</p></div>
<div class="extra">
<div class="clear"></div>
</div>
</article>
</div>
</div>
</div>
</div>
<div id="sidebar" class="col-1-3">
<div class="wrap-col">
<div class="box">
<div class="content">
<ul>
<li><a href="/articles/jak-zapustiti-dispetcher-realtek-hd.html">Як запустити диспетчер realtek hd</a></li>
<li><a href="/articles/chi-mozhna-vagitnim-likuvati-zubi-ne-zashkodit-ce.html">Чи можна вагітним лікувати зуби не зашкодить це дитині</a></li>
<li><a href="/articles/jak-pravilno-upakuvati-rjukzak-vizhivalshhika.html">Як правильно упакувати рюкзак вижівальщіка</a></li>
<li><a href="/articles/ja-peredumala-rozluchatisja-z-cholovikom.html">Я передумала розлучатися з чоловіком</a></li>
<li><a href="/articles/ustanovka-kuhonnoi-vitjazhki-svoimi-rukami-foto.html">Установка кухонної витяжки своїми руками (фото)</a></li>
<li><a href="/articles/zbutova-politika-firmi-ii-elementi.html">Збутова політика фірми, її елементи</a></li>
<li><a href="/articles/drevne-vorozhinnja.html">древнє ворожіння</a></li>
<li><a href="/articles/konceptualnij-riven-1.html">Концептуальний рівень 1</a></li>
<li><a href="/articles/formalizacija-ce.html">Формалізація - це</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="wrap-footer pominodiko">
<div class="row">
<div class="col-1-1">
<div class="wrap-col">
<div class="box">
<div class="content">
<ul>
<li><a href="/articles/vognishheva-alopecija-na-borodi-prichini-i.html">Вогнищева алопеція на бороді причини і лікування</a></li>
<li><a href="/articles/chitati-onlajn-narechena-dijavola-lourens-stefani.html">Читати онлайн наречена диявола - лоуренс стефани, глава 1 безкоштовно, любовний роман</a></li>
<li><a href="/articles/mistectvo-reklami-jak-stati-krashhim-kar-era-kar.html">Мистецтво реклами як стати кращим - кар’єра - кар’єра на сайті Або де Боте</a></li>
<li><a href="/articles/jak-zrobiti-krila-muhi-dlja-kostjuma.html">Як зробити крила мухи для костюма</a></li>
<li><a href="/articles/karniz-z-cegli-jak-arhitekturnij-element.html">Карниз з цегли як архітектурний елемент</a></li>
<li><a href="/articles/sistemi-chislennja-osnovni-viznachennja.html">Системи числення основні визначення</a></li>
<li><a href="/articles/jak-vidaliti-vodu-z-benzobaka-praktichni-poradi.html">Як видалити воду з бензобака практичні поради</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="copyright">
<p>Copyright © 2026</p>
<ul>
<li><a href="/articles/perekredituvannja-perekredituvannja-kreditiv.html">Перекредитування, перекредитування кредитів, перекредитування споживчих кредитів, банк</a></li>
<li><a href="/articles/centr-likarskoi-kosmetologii-be-nice-na-mar-inij.html">Центр лікарської косметології be-nice на Мар’їній гаю</a></li>
<li><a href="/articles/pidstavki-dlja-kimnatnih-kvitiv-domashnij-sposib.html">Підставки для кімнатних квітів, домашній спосіб</a></li>
<li><a href="/articles/suha-shkira-ruk-i-kutikula-mi-znajshli-zasib-jakij.html">Суха шкіра рук і кутикула ми знайшли засіб, який вирішить цю проблему!</a></li>
<li><a href="/articles/pomsta-sobaki-abo-oberezhno-zlij-sobaka.html">Помста собаки або обережно злий собака!</a></li>
</ul>
</div>
</footer></div>
</body>
</html>