Шпаргалка по метатегам HTML

Метатеги

 <метакодировка='utf-8'>
 

 
<ссылка rel='canonical' href='http://···'>


 

Подробнее opengraph

 <мета-свойство='og:site_name' content='···'>

 

  <мета-свойство='fb:app_id' content='···'>


 

  mp3'>

 

См.: протокол OpenGraph (developers.facebook.com)

Opengraph для статей

• статья:опубликовано_время
• статья:modified_time
• статья:expiration_time
• статья:автор
• артикул:секция
• артикул:бирка

Только для Apple

Прогрессивные веб-приложения

Добавить на главный экран

Цвет темы

только для Android. См. Цвет темы

.

Манифест

только для Android. См.: Манифест

.

Иконки

 

<ссылка rel='icon' href='icon@192.png'>


 

Chrome на Android рекомендует 192 x 192. См.: Иконки

.

Артикул

• https://dev.twitter.com/cards
• https://developers.facebook.com/docs/opengraphprotocol/#types

Мета-описание HTML для тем

Abstract

Узнайте, как добавить мета-описание HTML к темам Paligo, чтобы каждая тема имела описание в результатах поиска.

Для поисковой оптимизации (SEO) рекомендуется добавлять описание к метаданным каждой темы. Когда ваша тема появляется в результатах поиска, поисковая система может использовать описание, чтобы предоставить дополнительную информацию о странице. Описание обычно появляется под ссылкой на страницу в результатах поиска, но мы не можем гарантия того, что поисковые системы будут его использовать.

Чтобы добавить мета-описание HTML, используйте элементы info , abstract и para , чтобы они находились в структурной иерархии следующим образом:

 <информация>
    <резюме>
              Ваше описание
    
 

Мы рекомендуем вам добавить info , abstract и para сразу после заголовок в ваших темах.

1. Открыть тему в редакторе Paligo.

2. Выберите правильную позицию для информационного элемента, например, сразу после заголовка, но перед первым абзацем.

3. Используйте контекстное меню элемента, чтобы добавить элемент info .

   Чтобы получить доступ к контекстному меню элемента, нажмите Alt и Введите (Windows) или Option ⌥ и Введите (Mac).

   Note

   Если у вас уже есть элемент info , вы можете добавить в него аннотацию. Например, у вас уже может быть элемент info , содержащий ключевые слова. В этом случае вы можете добавить abstract и para элементы внутри одного и того же элемента info

   , до или после набора ключевых слов .

4. Используйте контекстное меню элемента, чтобы добавить абстрактный элемент внутрь информационного элемента.

5. Используйте контекстное меню элемента, чтобы добавить элемент para внутри абстрактного элемента. Введите описание темы в абзаце. Имейте в виду, что у поисковых систем есть рекомендации по длине описания. Например, в идеале описания Google должны содержать от 50 до 150 символов.

6. Добавьте остальное содержимое темы после элемента info .

7. Выберите Сохранить.

8. По умолчанию реферат будет виден в HTML-выводе. Но вы можете использовать CSS, чтобы скрыть его от читателей, но сделать его доступным для поисковых систем.

   CSS для использования:

    .abstract {
       дисплей:нет;
   } 

   Вы можете либо добавить это в свой существующий файл CSS, либо использовать редактор CSS для создания нового. Если вы создаете новый файл CSS, вам также потребуется добавить любой другой CSS, который вы хотите применить к своему контенту. Когда у вас будет готов файл CSS, загрузите его в макет HTML и сохраните макет. Когда вы публикуете с этим макет, ваши метаописания будут включены, но скрыты от просмотра на ваших веб-страницах.

   Дополнительные сведения об использовании CSS см.