Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Презентации / Презентация по информатике на тему "HTML: Мета-теги в управлении страниц" (11 класс)

Презентация по информатике на тему "HTML: Мета-теги в управлении страниц" (11 класс)


  • Информатика

Поделитесь материалом с коллегами:

Мета теги HTML Урок 1-2
Мета-теги определение — HTML-теги, предназначенные для предоставления структу...
Нахождение в документе META-теги должны находиться в заголовке HTML-документа...
META-теги имеют два возможных атрибута
и обозначают следующее: http-equiv - указывает браузеру как следует обработат...
Например  это говорит о том что язык Language документа является русским Cont...
1. Тег title в раскрутке сайта Из всех html тегов, TITLE можно назвать самым...
В отличие от браузеров, в поисковой выдачи title более чем заметен. Он являет...
Несколько правил Title должен быть информативным и привлекательным. Не исполь...
2. Что такое Meta Description? Этот тег используется для описания содержимого...
3. Мета тег Author и Copyright  Функция тегов — идентификация автора или прин...
4. Мета тег Keywords Поисковые системы используют для того, чтобы определить ...
5. Мeта тег Robots Формирует информацию о гипертекстовых документах, которая...
META-теги — это необязательные атрибуты, размещенные в заголовке страницы, ко...
Атрибуты Charset - Задает кодировку документа. Content - Устанавливает значен...
  Тег META      ...   Например
Список ресурсов https://habrahabr.ru/post/72141/ http://www.ultersuite.ru/art...
1 из 21

Описание презентации по отдельным слайдам:

№ слайда 1 Мета теги HTML Урок 1-2
Описание слайда:

Мета теги HTML Урок 1-2

№ слайда 2 Мета-теги определение — HTML-теги, предназначенные для предоставления структу
Описание слайда:

Мета-теги определение — HTML-теги, предназначенные для предоставления структурированных метаданных о веб - странице. Как правило, указываются в заголовке HTML-документа. 

№ слайда 3 Нахождение в документе META-теги должны находиться в заголовке HTML-документа
Описание слайда:

Нахождение в документе META-теги должны находиться в заголовке HTML-документа между <HEAD> и </HEAD> (особенно это важно для документов, использующих фреймы):

№ слайда 4 META-теги имеют два возможных атрибута
Описание слайда:

META-теги имеют два возможных атрибута <META HTTP-EQUIV="имя" CONTENT="содержимое"> <META NAME="имя" CONTENT="содержимое">

№ слайда 5 и обозначают следующее: http-equiv - указывает браузеру как следует обработат
Описание слайда:

и обозначают следующее: http-equiv - указывает браузеру как следует обработать основное содержание документа, точнее на основе каких данных. name - информационное имя. (применяется в паре с атрибутом content) content - информационное содержание, связанное с мета именем (name)

№ слайда 6
Описание слайда:

<meta http-equiv="Content-Type" Content="text/html; Charset=Windows-1251“> <meta http-equiv="Content-Type" - указываем что в этом мета теге мы будем заниматься Content-Type - типом содержания Content="text/html; - а именно его текстом Charset=Windows-1251"> - документ для Windows – Кириллица где 1251 кодировка раскладки клавиатуры, так например Английская клавиатура будет задаваться Charset=Windows-1252

№ слайда 7 Например  это говорит о том что язык Language документа является русским Cont
Описание слайда:

Например <meta http-equiv="Content-Language" Content="ru"> это говорит о том что язык Language документа является русским Content="ru" .

№ слайда 8 1. Тег title в раскрутке сайта Из всех html тегов, TITLE можно назвать самым
Описание слайда:

1. Тег title в раскрутке сайта Из всех html тегов, TITLE можно назвать самым важным с точки зрения продвижения. Что характерно, title является по сути служебным, техническим тегом, и отвечает за заголовок документа.

№ слайда 9 В отличие от браузеров, в поисковой выдачи title более чем заметен. Он являет
Описание слайда:

В отличие от браузеров, в поисковой выдачи title более чем заметен. Он является кликабельной ссылкой, по которой мы переходим из результатов поиска на собственно найденный сайт.  Использование тега поисковыми системами и определяет его исключительную важность.

№ слайда 10 Несколько правил Title должен быть информативным и привлекательным. Не исполь
Описание слайда:

Несколько правил Title должен быть информативным и привлекательным. Не используйте в Title перечисление ключевых слов через запятую.  На каждой странице должен быть свой, уникальный заголовок . Title должен содержать ключевые слова.  Длинна тега TITLE. Делится на видимую и невидимую часть. Видимая – эта та, которая показывается в поиске (по которой мы кликаем в выдаче гугла или яндекса). Невидимая – та, что не поместилась, но все равно учитывается поисковой системой.  Для Яндекса длинна видимой части Title составляет 70-80 символов. Для Гугла 55-70 символов.

№ слайда 11 2. Что такое Meta Description? Этот тег используется для описания содержимого
Описание слайда:

2. Что такое Meta Description? Этот тег используется для описания содержимого веб - страницы. Содержимое этого тега должно быть кратким и лаконичным в письменной форме от 20 до 25 слов или меньше. Это большинство карт SE используются для отображения содержимого результатов поиска. 

№ слайда 12
Описание слайда:

<META NAME="description" CONTENT="Данный сайт содержит информацию для любителей старинных автомобилей“> Самый широко используемый тег. Практически все поисковые системы учитывают его при индексации. Значение этого тега очень важно для раскрутки сайта, практически все поисковые системы опираются на этот  тег, а некоторые выводят содержимое этого тега в результатах поиска (Google), поэтому желательно не просто указывать краткое описание документа, но сделать его содержание привлекательным рекламным сообщением.

№ слайда 13 3. Мета тег Author и Copyright  Функция тегов — идентификация автора или прин
Описание слайда:

3. Мета тег Author и Copyright  Функция тегов — идентификация автора или принадлежности документа. Тег Author содержит имя автора Интернет-страницы, в том случае, если сайт принадлежит какой-либо организации, целесообразнее использовать тег Copyright. <meta name="author" content="Велимира Лисичкина" /> <meta name="copyright" lang="ru" content="ПБОЮЛ Велимира Лисичкина" />

№ слайда 14 4. Мета тег Keywords Поисковые системы используют для того, чтобы определить 
Описание слайда:

4. Мета тег Keywords Поисковые системы используют для того, чтобы определить релевантность ссылки. При формировании данного тега необходимо использовать только те слова, которые содержатся в самом документе.   Рекомендованное количество слов в данном теге — не более десяти.  <meta name="keywords" content="Википедия, Мета тег, статья" />

№ слайда 15 5. Мeта тег Robots Формирует информацию о гипертекстовых документах, которая
Описание слайда:

5. Мeта тег Robots Формирует информацию о гипертекстовых документах, которая поступает к роботам поисковых систем. Значения могут быть: Index (страница должна быть проиндексирована), Noindex (документ не индексируется), Follow (гиперссылки на странице отслеживаются), Nofollow (гиперссылки не прослеживаются), All (включает значения index и follow, включен по умолчанию), None (включает значения noindex и nofollow). <meta name="robots" content="index,follow" />

№ слайда 16 META-теги — это необязательные атрибуты, размещенные в заголовке страницы, ко
Описание слайда:

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

№ слайда 17 Атрибуты Charset - Задает кодировку документа. Content - Устанавливает значен
Описание слайда:

Атрибуты Charset - Задает кодировку документа. Content - Устанавливает значение атрибута, заданного с помощью name или http-equiv. http-equiv - Предназначен для конвертирования мета тега в заголовок HTTP. Name - Имя мета тега, также косвенно устанавливает его предназначение.

№ слайда 18   Тег META      ...   Например
Описание слайда:

<html> <head> <title>Тег META</title> <meta charset="utf-8"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> </head> <body> <p>...</p> </body> </html> Например

№ слайда 19
Описание слайда:

№ слайда 20
Описание слайда:

№ слайда 21 Список ресурсов https://habrahabr.ru/post/72141/ http://www.ultersuite.ru/art
Описание слайда:

Список ресурсов https://habrahabr.ru/post/72141/ http://www.ultersuite.ru/articles/meta/ http://htmlbook.ru/html/meta https://ru.wikipedia.org/wiki/Метатеги http://www.webremeslo.ru/html/glava10.html http://www.semonitor.ru/manual/5.4-keywords.html http://www.semonitor.ru/manual/5.2-title.html http://vxf.vn/threads/them-keywords-meta-tag-cho-xenforo.96/ http://info-lite.ru/internet/201-borba-s-dublirovaniem-kontenta-v-dle.html


Краткое описание документа:

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

Автор
Дата добавления 14.04.2016
Раздел Информатика
Подраздел Презентации
Просмотров205
Номер материала ДБ-031963
Получить свидетельство о публикации


Включите уведомления прямо сейчас и мы сразу сообщим Вам о важных новостях. Не волнуйтесь, мы будем отправлять только самое главное.
Специальное предложение
Вверх