что такое статический контент
Что такое информационный контент
Это те данные, ради которых пользователь открывает поисковую систему. Человек хочет купить кошку. Он заходит на Яндекс и вводит: “Уход за кошками”. В выдаче видит ваш сайт, где есть подробные статьи об уходе. А потом узнает, что у вас-то еще есть и интернет-магазин с элитными кормами для котов.
Ваши статьи — это информационный контент. Он косвенно повышает ваши продажи.
Качества информационного контента
О том, каким должен быть информационный контент, лучше говорить в сравнении с другими типами материалов.
Мы все приходим по вечерам домой с работы. Устали, хотим спать. И читать что-то серьезное о ядерной физике у многих просто не остается сил. Мы хотим посмотреть отрывок из КВН, пока едим, улыбнуться и лечь спать.
Поэтому почти весь контент, который мы видим в социальных сетях — развлекательный. Он должен заставить человека улыбнуться, посмеяться, отправить картинку друзьям.
Информационный материал — серьезный контент. Он должен сообщать человеку что-то новое. Давать знания. Словно читатель оказался в университете на лекции. Однако, даже самый серьезный материал можно подать под таким соусом, что человек будет читать его с улыбкой и интересом. А потом обязательно скинет пост своим друзьям.
А для этого материал должен обладать следующими характеристиками:
Материал должен отвечать на вопрос, который волнует человека.
Зачем информационный контент нужен вашему сайту или паблику
Вспомним определение маркетинга. Это повышение прибыли компании путем удовлетворения нужд потребителя.
Ответ на вопрос пользователя — это первый шаг на пути к продажам. Это удовлетворение текущей нужды человека — потребности в информации, в ответе на его вопрос. А люди любят тех, кто дает им то, что хочется.
Раз за разом человек будет читать ваши статьи про кошек. А потом закажет переноску для кота в вашем интернет-магазине.
Виды информационного контента
Динамический контент — изменяющаяся информация. Например, UGC — пользовательский контент — динамический.
Статический контент — это тот материал, который не изменен. Он публикуется один раз, в таком виде и остается.
Если говорить о типе публикуемых материалов, то они могут быть самыми разными:
Главное — это посыл, который в них заключен. Это ответ на вопрос, который дает ваша статья, ваш ролик, ваша аудиозапись.
Как создавать информационный контент
Самостоятельно. Этот ответ мы даем на любые вопросы о том, как делать хороший материал.
Выясните, каких знаний не хватает вашей аудитории. Ориентируйтесь на тематику портала.
Воспользуйтесь сервисом Udemy.com. Это обучающая площадка для онлайн-курсов. Выберите тему, релевантную вашим материалам. Посмотрите, что входит в курс. Например, на скриншоте выше есть программа из курса веб-дизайна.
Посмотрите, что рассказывается о предмете. Напишите материал — можно сделать серию обучающих статей.
Но вы же пишите о том, о чем сами знаете много, так? Расскажите о своем личном опыте, приведите примеры их личного опыта. Опишите, как сами на практике решали подобные задачи.
Люди любят читать что-то о реальных кейсах. Они ценят пошаговые инструкции, неочевидные лайфхаки.
Главный критерий качественного информационного материала — это полезность. Сможет ли читатель сразу после прочтения начать воплощать сам то, о чем он прочитал?
Информационный контент позволит вам завоевать доверие пользователей. Он привлечет к вам новых посетителей. И сделает ваш сайт не просто интернет-ресурсом, а образовательным порталом, который привлечет новых клиентов.
Когда бренд интересен подписчикам.
Когда ваш контент нравится.
Когда про вас не забывают.
Когда ваш сайт посещают.
Почему Playwright или как получить динамический контент?
В статье сделан упор на рассмотрение инструмента для загрузки динамических веб-страниц playwright и сравнение его с другими доступными инструментами с точки зрения получения большого количества страниц и внедрения готового решения.
Статический и динамический контент
Поделим страницы на статические и динамические. Статические страницы можно получить просто запросом, не потеряв при этом информацию. Контент на динамических страницах подгружается с помощью javascript, сделав простой запрос скорее всего вы получите лишь часть страницы, а самая сладкая, нужная часть останется незагруженной.
Ленты Instagram, Twitter, страницы Facebook и многие другие содержат в себе динамический контент.
Как добраться до динамически подгружаемого контента?
В случае со статическими страницами все просто: запрос, ответ, и обработка ответа как душе угодно.
В случае с динамическими страницами всё немного сложнее. Страницы нужно открывать в браузере, это позволяет исполнится Javascript коду. Классический вариант Selenium, инструмент для автоматизации действий в браузере. Имеет широкий функционал, умеет выполнять Javascript код, делать скриншоты страниц и прочее. Из коробки не всегда гладко работает с proxy и кастомными user agent (помогает selenium-wire).
Selenium используют браузер вашей локальной машины, что и является, на мой взгляд, главным недостатком. Запустить его в Docker контейнере достаточно сложно. Да, есть selenoid с большим семейством браузеров уже упакованных в контейнеры, однако там тоже не все гладко с proxy и user agent.
Несмотря на все плюсы, проблема splash в том, что вебсайты умеют понимать страница открыта в splash, и могут не отдавать контент в таком случае.
Взглянем на код. Playwirght может быть запущен как синхронно, так и асинхронно. Рассмотрим второй вариант.
Playwright поддерживает firefox, chromium и webkit.
Браузер может быть запущен как в headless режиме, т.е. скрытом, так и в открытом режиме. При запуске браузера может быть указан прокси.
При загрузке страницы можно передать user agent, размеры окна и прочие параметры.
Загрузка страницы и получение html содержимого.
Можно исполнить javascript код, в данном случае проскроллить до конца страницы.
Весь код можно глянуть по ссылке. Репозиторий содержит примеры для Splash и Selenium.
Плюсы: полноценно открывает страницы; имеет широкий функционал взаимодействия со страницей
Минусы: сложность переноса и внедрения из-за использования локального браузера; не всегда гладко работает с proxy и user agent
Плюсы: докерезирован, что позволяет его легко переносить и внедрять; простота разработки
Минусы: может быть определён веб-сайтом, и как следствие не получит контент
Плюсы: полноценно открывает страницы; понятный синтаксис; поддержка асинхронного режима из коробки; подтягивает браузер при установке, что позволяет его легко внедрять
Минусы: может требовать много оперативной памяти на больших страницах. Хотя этот минус актуален не только для Playwright
Вместо выводов
Microsoft выпустил отличный инструмент на поле, где, казалось, уже все реализовано, что радует. После перевода своих проектов с Selenium на Playwright, жить стало приятнее.
Уточнения, дополнения, критику буду рад видеть в комментариях.
В статье не рассматривается как парсить уже полученный html, нет рецептов обхода блокировок, ротации прокси т.п.
Готовим ASP.NET5, выпуск №1 – поговорим про статический контент
В рамках этой колонки мои коллеги, приглашенные эксперты, разработчики и я будем периодически рассказывать о интересных вещах из мира ASP.NET, лучших практиках и делиться своим опытом использования платформы на практике. В конце каждой колонки мы будем приводить дополнительные материалы, ссылки и освещать новости.
Тема первого выпуска – работа со статическими файлами в ASP.NET5 – задача насколько тривиальная, настолько же и важная.
Совет! Вы можете попробовать все самостоятельно или загрузив исходный код из GitHub https://github.com/vyunev/aspnetcolumn1.
Новый подход
В ASP.NET5 подход к работе со статическими файлами сильно изменился, сразу по нескольким направлениям. Начнем с того, что в проекте в Visual Studio и при работе с проектами в других редакторах для статического контента предлагается отдельная папка – wwwroot (Рис. 1). По сути, содержимое wwwroot теперь отображает файловое представление сайта на веб-сервере.
Рис.1 – Структура проекта ASP.NET5 (beta5)
Использование отдельной папки для статического контента позволяет упростить многие задачи, включая работу с системами контроля версий, кэширования контента на CDN, задач минификации и упаковки файлов, конфигурирования обработки запросов веб-сервером.
Кроме того, введение wwwroot позволяет сделать работу сайта безопаснее, так как запросы к файлам на сайте теперь могут быть обращены только к содержимому wwwroot, а внешние конфигурационные или другие файлы, лежащие вне этой папки недоступны для запроса.
При желании, разработчики могут изменить имя этой папки с помощью параметра конфигурации webroot в project.json (Рис. 2).
Рис.2 – Изменение имени папки для статического контента через файл конфигурации
Совет! Для переименования папки через Visual Studio, лучшие всего, первым шагом выполнить переименование в Solution Explorer и только потом изменить конфигурационный файл. Иначе, умная Visual Studio создаст новую папку самостоятельно.
Другой важный параметр конфигурации — это включение пакета Microsoft.AspNet.StaticFiles в список зависимостей проекта ASP.NET, этот пакет позволяет конвейеру платформы обрабатывать статический контент (Рис. 3).
Рис.3 – Включение пакета в список зависимостей проекта ASP.NET
После включения пакета в список зависимостей требуется добавить обработку в конвейер обработки запросов ASP.NET. Подобная конфигурация выполняется в методе Configure специального служебного класса Startup, который по умолчанию располагается в файле Startup.cs (Рис. 4).
Рис.4 – Включение обработки статических файлов
После указанной конфигурации весь статический контент, запрошенный у сайта будет отдаваться из определенной конфигурацией папки.
Расширение функционала
В ASP.NET5 каждую часть платформы можно переопределить, дополнить или заменить. Мы можем определить свой собственный обработчик статических файлов или дополнить существующий, указав новые правила. Например, если мы хотим добавить возможность возвращать *.json файлы как статические, нам достаточно определить следующий провайдер контента:
Листинг 1. – Определение провайдера типа контента
Теперь мы можем использовать новый тип контента для того, чтобы расширить существующий механизм обработки статических файлов (Листинг 2).
Листинг 2. – Использование провайдера типа контента
При определении работы конвейера обработки запросов для статических файлов можно указать еще несколько параметров. Для этого у StaticFileOptions есть набор свойств. Перечислю некоторые из них:
Свежие новости
Выпущено обновление ASP.NET5 Beta5 с множеством изменений, улучшений и исправлений ошибок. Подробности обновления можно найти в этом блоге. Внимательно ознакомитесь со списком изменений, которые могут повлиять на предыдущий код при обновлении.
С выходом ASP.NET5 Beta5 обновился и набор инструментов ASP.NET 5 yeoman generators, который поддерживает кроссплатформенную разработку на ASP.NET и позволяет генерировать код (скаффолдинг) для проектов из командной строки в любой ОС. О самом проекте можно почитать тут.
Образ контейнера Docker с ASP.NET5 Beta5 опубликован на официальном Docker Hub.
Опубликованы доклады конференции DevCon 2015, в том числе по веб-разработке и теме ASP.NET.
Полезные ссылки
Самая свежая документация по ASP.NET5 расположена по адресу http://docs.asp.net/en/latest/.
Познакомьтесь с демонстрационным проектом PiDnx от Дэмиана Эдвардса, который показывает как запускать ASP.NET5 на Raspberry Pi 2 на базе Windows 10 IoT Core.
Изучите основы ASP.NET5 с новым бесплатным курсом виртуальной академии Microsoft.
Авторам
Друзья, если вам интересно поддержать колонку своим собственным материалом, то прошу написать мне на vyunev@microsoft.com для того чтобы обсудить все детали. Мы разыскиваем авторов, которые могут интересно рассказать про ASP.NET и другие темы.
Об авторе
Владимир Юнев
Эксперт по стратегическим технологиям, Microsoft, Россия
Что такое статический контент
Современные сайты наполняются содержанием с помощью специального программного обеспечения: CMS.
Для кого этот курс?
Курс Контент-менеджер адресован тем, кто работает с содержанием сайта: наполнение, изменение текста, загрузка и размещение картинок и так далее.
У нас часто спрашивают, сколько нужно заплатить
Ещё у нас есть Академия 1С-Битрикс, где можно обучиться на платной основе на курсах нашей компании либо наших партнёров.
Баллы опыта
уроке.
Практика и тесты
При изучении курса рекомендуется повторять описываемые действия на демонстрационной версии сайта, установленной локально или в Виртуальной лаборатории.
После изучения курса пройдите тесты на сертификацию. При успешной сдаче последовательности тестов со страницы Моё обучение скачайте сертификат об успешном прохождении курса в формате PDF.
Для преподавания оффлайн
Если данный курс берётся в качестве основы для оффлайного преподавания, то рекомендуемая продолжительность: 2 дня (16 академических часов).
Если нет интернета
Скачать материалы курса в формате EPUB. Файлы формата EPUB Чем открыть файл на
Android:
EPUB Reader
CoolReader
FBReader
Moon+ Reader
eBoox
iPhone:
FBReader
CoolReader
iBook
Bookmate
Windows:
Calibre
FBReader
Icecream Ebook Reader
Плагины для браузеров:
EpuBReader – для Firefox
Readium – для Google Chrome
Как проходить учебный курс?
Что такое СТАТИЧЕСКАЯ и ДИНАМИЧЕСКАЯ информация на сайте 1С-Битрикс
В данном видео разберем «типы информации» представленные на сайте.
Из видео урока Вы узнаете:
Как вам известно, на сайте может быть представлено два вида информации это «Статическая» и «Динамическая», в данном видео уроке я покажу, в чем различие между ними, как она размещается и отображается на сайте.
С татическая информация – эта информация, как правило, находится на самом сайте и хранится в файле, она редко изменяется и редактируется на самой странице сайта через визуальный редактор. Примеры: статья о компании, контактная информация, рекламный текст и т. д.
Д инамическая информация – эта информация выводится из базы данных компонентами системы, она часто изменяется или дополняется. Примеры: фотогалерея, новости, каталог товаров или услуг и т.д.
На одной страничке сайта можно разместить как динамическую, так и статическую информацию, при таком размещении на каждой динамической страничке создаваемая компонентом будет видна статическая информация.
Разделы Статические и Динамические
В системе используется термин «Раздел», он используется как для динамической, так и для статической информации.
С технической точки зрения это разные вещи:
— Динамический раздел – это определенная запись в базе данных, при включенном режиме Правки, с помощью команды Добавить раздел, мы его создаем.
— Добавления статического раздела – это создание папки в корне сайта, которая можно сформировать при помощи кнопки на панели управления.
По аналогии также создаются и странички.
Пример, Статической и Динамической информации
Давайте на примере рассмотрим, как отображается на одной странице сайта Статическая и Динамическая информация.
Для начала создадим страничку, мы не будем подробно разбирать, как это делается, а на этом примере просто рассмотрим размещение разных типов информации.
Оставим поля по заполненные по умолчанию, жмем далее, готово.
Перед нами открыт визуальный редактор, напишем простой текст как в простом редакторе.
Это, статическая информация, она будет постоянной до момента пока сами ее неизменим. Давайте еще вставим изображение для наглядности.
Теперь добавим динамическую информацию, хорошим из вариантов демонстрации подойдет компонентом «Случайное фото», для этого выберем его и вставим в рабочую область редактора. Укажем в настройках компонента откуда брать фотографии.
Динамическая информация в визуальном редакторе нам не видна и отображается в виде иконки компонента, который будет выводить ее на страничку сайта.
Вернемся в визуальную часть сайта и посмотрим, что у нас получилось, мы видим в верхней части странички наш текс, чуть ниже фотография, которую мы выбирали.
За ней следует другая картинка, которую мы не выбирали она подставилась случайным образом, это результат работы компонента который мы вставили на страницу.
Давайте обновим страницу, текст и картинка осталась прежней, а вторая фотография изменилась, подгрузилась новая.
Динамическую информацию можем наблюдать и в другом виде, как в виде текста и картинок так, иконок, ссылок, которые позволяют переходить как конкретные статические странички так и выполнять какие то действия. Конкретный вид вывода динамической информации зависит от типа и настроек компонента, который ее выводит.
Размещение компонентов
Размещение и настройка самих компонентов осуществляется при редактировании страницы в режиме визуального HTML-редактора.
Редактирование и удаление информации
В Публичной части статическая информация создается, редактируется, дополняется и удаляется через верхнюю Панель управления в визуальном редакторе простым редактированием или удалением ненужного текста. Подробнее об этом расскажу в другой главе.
Редактирование динамической информации осуществляется при включении режима Правка и наведении курсора мышки на область компонента, отвечающего за отображение такой информации. Например, при наведении курсора на область с лентой новостей вы можете добавить новость, отредактировать или удалить существующие. Подробнее об этом расскажу в других уроках.
Если остались вопросы, и что-то не понятно пишите в комментариях у нас на сайте.