- Описание мета-тегов
- Описание страницы
- Title
- Description
- Keywords
- Кодировка сайта
- Application-Name
- Generator
- Author
- Copyright
- Reply-To
- Content-Language
- Help
- Управление индексацией
- Robots
- Last-Modified
- Document-State
- Revisit-After
- Управление кэшированием
- Cache-Control
- Pragma
- Expires
- Canonical — предпочитаемый канонический адрес
- Prev
- Next
- Запрет кэширования страницы на HTML, PHP, htaccess
- Запрет кэширования страницы на HTML
- Запретить кэширование страницы с помощью PHP
- Запретить кэширование страницы с помощью .htaccess
- Заключение
- 5 Things You Can Do With HTML Meta Tag
- 1. Controlling Browser Cache
- 2. Setting Cookies
- 3. Refreshing Web Pages
- 4. Redirecting
- 5. Page Transition
Описание мета-тегов
Посмотрев HTML код разных сайтов возникает вопрос – зачем в нем так много мета-тегов и для чего они нужны? В данной статье представлены все самые встречающеюся теги с примерами и пояснениями.
Описание страницы
Title
Заголовок страницы, оптимальная длина 50-60 символов.
Description
Краткое описание страницы длинной 160-180 символов, используется в выводе результатов поиска.
Keywords
Содержит ключевые слова встречающихся на странице. Не более 20-ти слов и 3-х повторов.
Кодировка сайта
Application-Name
Название веб-приложения. Можно указать несколько названий для разных языковых локалей.
- В Android используется при добавлении сайта на главный экран.
- В Windows 8, 10 при добавлении сайта в панель приложений и плиткой в меню пуск.
Generator
Сообщает, с помощью какой программы был сгенерирован код страницы.
Author
Информация об авторе сайта.
Copyright
Информация о владельце сайта.
Reply-To
Указывает способ связи с автором страницы.
Content-Language
Указывает язык страницы. Используется поисковыми машинами при индексировании.
Help
Предоставляет ссылку на справку или e-mail.
Управление индексацией
Robots
Задает правила индексации для поисковых роботов.
Общие значения:
index , follow или all | Разрешено индексировать текст и ссылки на странице |
noindex | Не индексировать текст страницы |
nofollow | Не переходить по ссылкам на странице |
noindex , nofollow или none | Запрещено индексировать текст и переходить по ссылкам |
noarchive | Не показывать ссылку на сохраненную копию в поисковой выдаче |
noyaca | Не использовать описание из Яндекс.Каталога для сниппета в результатах поиска |
nosnippet | Запрещает показывать видео или фрагмент текста в результатах поиска |
noimageindex | Запрещает указывать вашу страницу как источник ссылки для изображения |
noodp | Не использовать описание из каталога DMOZ |
Last-Modified
Альтернативно HTTP-заголовку Last-Modified задает дату последнего изменения для статических страниц.
Document-State
Определяет частоту индексации для поисковых роботов.
Revisit-After
Указывает как часто обновляется информация на сайте, и как часто поисковая система должна на него заходить.
Управление кэшированием
Cache-Control
Указывает как браузеру кэшировать страницу.
Допустимые значения:
public | Кэшируется все |
private | Кэшируется браузером, но не proxy-сервером |
no-cache | Запрещает кэширование |
max-age=0 | Сколько секунд хранить в кэше |
Pragma
Expires
Дата окончания кэша браузера. Если указать прошедшую дату или 0, то документ не будет кэшироваться.
Canonical — предпочитаемый канонический адрес
Если у страницы есть дубликаты с одним содержанием и разными URL, например:
В rel=»canonical» указывается адрес, который будет считаться основным и будет использоваться в поисковой выдаче.
Prev
Указывает URL предыдущий страницы при пагинации.
Next
Указывает URL следующий страницы при пагинации.
Запрет кэширования страницы на HTML, PHP, htaccess
Порой, бывает необходимо запрещать браузеру кэшировать страницу, так как информация на ней обновляется каждый раз. Это может быть генерация данных, соответственно выбранным фильтрам или другой контент, который каждый раз создается по-новому. Одним словом, бывают моменты, когда необходимо запретить коварной программе кэшировать страницу. Сегодня, мы узнаем, как реализовать это разными способами, с помощью PHP или HTML или .htaccess.
Запрет кэширования страницы на HTML
Сделать это можно с помощью мета тегов. Сейчас мы разберем разные варианты запрета на кэширование.
Запрет на кэширование браузером и прокси-сервером
Запрет кэширования страницы, только браузером
Установка кэширования на определенное время, для браузера
С помощью кода ниже, мы можем сообщить браузеру, сколько хранить документ в кэше. После чего, кэш будет обновлен.
Установка кэширования на определенное время, для прокси-сервера
Практически, то же самое, что и в предыдущем коде, только указание стоит конкретно для прокси-сервера.
Запретить кэширование страницы с помощью PHP
Практически, все тоже самое, что в случае с HTML, только информацию будем выводить через header заголовки. Вот, как реализовать абсолютный запрет на кэш:
Также, можно разрешать кэшировать на определенное время. Например, разрешим кэширование только на 1 час.
Запретить кэширование страницы с помощью .htaccess
Для простоты реализации идеи, можно все сделать на уровне конфигураций сервера Apache. Перед этим, нам нужно убедиться в том, что необходимые модули находятся в рабочем состоянии. Открываем конфигурационный файл Apache и наблюдаем следующую картину:
LoadModule expires_module modules/mod_expires.so LoadModule headers_module modules/mod_headers.so . AddModule mod_expires.c AddModule mod_headers.c
Теперь в файле .htaccess, собственно запрещаем кэшировать выводимые данные. Как нам известно, .htaccess файл будет распространяться на директорию, в которой лежит, и на все субдиректории.
# Заголовок Cache-ControlHeader append Cache-Control "no-store, no-cache, must-revalidate" # Заголовок ExpiresExpiresActive On ExpiresDefault "now"
Важно заметить, что полный запрет кэширования, повышает нагрузку на сервер. Поэтому, играйтесь с этим осторожно! А лучше, установите определенное время, на которое можно кэшировать документы. Например, установим кэширование на 1 час:
# Заголовок Cache-ControlHeader append Cache-Control "public" # Заголовок ExpiresExpiresActive On ExpiresDefault "access plus 1 hours"
Заключение
Это все известные для меня способы запрета на кэш. Если знаете что-то новенькое, просьба поделиться в комментариях. Надеюсь, статья была полезной, если это так, вас не затруднит поставить +1 и поделиться ею в социальных сетях.
5 Things You Can Do With HTML Meta Tag
Meta Tag is used to store a piece of information on a web page. Essentially, it is information about data. Its purpose is for browsers and search engines to understand and know the page better.
As web developers, we’re used to setting the page description, author, or keyword via meta tag. However, there are a number of meta tag capabilities that most of us probably aren’t aware of. Here I’ve put together 5 meta tag features that you may have not heard of before.
1. Controlling Browser Cache
When you visit a web page, it stores the web page in cache to make it load faster in subsequent visits. You may have come across an instance where your page is not updated with the changes that you’ve made. This is because the browser shows you the cached page. To prevents this, you can disable browser cache by using meta tag. To disable browser cache, you can use:
This meta tag is recognized in Firefox, Chrome, and Internet Explorer. Even more so in IE, where you can use more values and specifications to disable caching, as follows.
You can also set an expiration date to ensure that the browser will show the file that’s fresh from the server, rather than from the cache.
The meta data above means that document is considered expired after the specified date and time. If you set it to “ 0 “, the browser will check for a fresh new document on each visit.
2. Setting Cookies
Similar to cache, cookies is a small piece of data that is stored in the browser by the websites you’ve visited. Websites may reuse the cookies to tailor some website functionalities. A real everyday example is when you shop in an online store. If you’ve added a few items to the basket, as long as you have not yet checked out, the items will remain in the basket even though you have left the browser for several days.
To set cookies on meta-tag you can use:
name=data is the name of the cookies which determines the values set in it. path is the path of document. Whereas, the value of expired indicates the time and date when cookies are deleted from your computer. If you leave the expired date empty, the cookies will be deleted once you quit the browser.
As an example, if we want the cookies to expire on 31 January, 2015 we can set:
3. Refreshing Web Pages
You can set a page to refresh after a certain period. meta http-equiv=»refresh» specifies a delay in seconds for the browser to refresh the page automatically. This meta-tag specification below will make the browser reload the page every 5 seconds.
Below, you can see that the page is automatically refreshed by the browser.
4. Redirecting
We can also use the refresh meta tag to redirect a page to a specific destination. This following example will lead us to example.com after we view the page for 5 seconds.
You can see it live below.
To redirect the page immediately, set it to 0 , as follows:
5. Page Transition
You can also apply transitions to your web pages with meta-tag in a way that is similar to PowerPoint. The syntax of page transition with meta tag looks like below:
Note that this only works on ancient Internet Explorer since page-enter and page-exit are Microsoft’s proprietary meta tag specifications. You can specify how long the transition will run for using duration . The Transition should be filled by a number/integer between 0 – 23 that refers to the transition type provided by Microsoft. Whereas, is another value that comes without a transition type.