система онлайн-бронирования
г. Донецк, Украина, ул. Артёма, 87
+38 (062) 332 33 32, 332-27-71
ЗАБРОНИРОВАТЬ
НОМЕР

Статьи

Как создать карточку Twitter

  1. Щебетать мета теги
  2. Общие мета-теги
  3. Изображение и видео META Tags
  4. Подача заявки на утверждение в Твиттере
  5. Twitter и Robots.txt
  6. Образец твиттера

Одним из моих любимых социальных API был Open Graph API принят Facebook , Добавление всего нескольких мета-тегов на каждую страницу позволило стилизовать ссылки на мою статью и представлять их так, как я этого хотел, давая мне немного контроля над тем, как мой контент представлен в Facebook. Новый Твиттер API Twitter Cards позволяет использовать ту же идею: добавлять мета-теги на свои страницы, чтобы ссылки на ваш сайт были более информативными при твиттере. Внедрение мета-тегов Twitter Card на вашем сайте занимает пять минут, подача заявки на утверждение в Twitter занимает еще пять минут, и с этого момента ваш контент будет представлен более профессионально. Давайте начнем!

Щебетать мета теги

Существует три типа карт Twitter: резюме, фото и видео. Сводка Twitter Card предназначена для статей и текстового контента, в то время как фото и видеокарты говорят сами за себя (например, YouTube использует тип видеокарты). Есть несколько мета-тегов, используемых для всех типов карт, а затем еще несколько, которые зависят от типа карты. Все атрибуты имени тега META имеют префикс твиттер :.

Общие мета-теги

META-теги, которые вы используете во всех случаях, включают в себя:

  • twitter: card - Тип создаваемой карты: сводка, фотография или видео.
  • twitter: url - URL, который следует использовать для карты. Вероятно, это будет тот же URL, что и страница каноническая ссылка ,
  • twitter: title - Название, как оно должно отображаться в Твиттере.
  • twitter: description - 200-символьная сводка содержимого по указанному URL.
  • twitter: image - типичный URL изображения для контента. Во многих случаях достаточно просто указать URL вашего логотипа.

Каждый из этих элементов получает свой собственный мета-тег, поэтому мета-теги Twitter Card для этой страницы будут выглядеть так:

<meta name = "twitter: card" content = "summary"> <meta name = "twitter: url" content = "https://davidwalsh.name/twitter-cards"> <meta name = "twitter: title" content = "Как создать карту Twitter"> <meta name = "twitter: description" content = "Новый API Twitter-карт Twitter позволяет разработчикам добавлять мета-теги на свой веб-сайт, а Twitter будет создавать содержимое карты из ссылок на данный сайт. "> <meta name =" twitter: image "content =" https://davidwalsh.name/wp-content/themes/punky/images/logo.png ">

Twitter также предоставляет мета-теги атрибуции для контента, предоставляя авторам возможность получить кредит в TwitterCard:

  • twitter: site - имя пользователя Twitter, используемое данным сайтом, включая «@»
  • twitter: creator - имя пользователя Twitter отдельного автора контента

Я использую один и тот же дескриптор для сайта и автора, хотя я мог бы использовать свою учетную запись @davidwalsh для создателя, если бы я хотел:

<meta name = "twitter: site" content = "@ davidwalshblog"> <meta name = "twitter: creator" content = "@ davidwalshblog">

Это основные мета-теги, которые вы хотите использовать при создании Twitter-карт. Давайте посмотрим на теги, характерные для изображений и видеокарт!

Изображение и видео META Tags

Специфичные для носителей карты требуют немного больше информации о самом носителе, поэтому для изображений и видеокарт эти дополнительные теги полезны:

  • twitter: image: width - ширина изображения
  • twitter: image: height - высота изображения
  • twitter: player - URL-адрес игрока с IFRAME, должен быть HTTPS
  • twitter: player: width - Ширина проигрывателя ИМ
  • щебетать: игрок: высота - высота игрока IFRAME
  • twitter: player: stream - URL для потоковой передачи в виде видео
  • twitter: player: stream: content_type - тип содержимого потока

Видеокарты Twitter гораздо более сложны, чем карты других типов, но их стоит настроить, чтобы пользователи могли просматривать свои видео в своем приложении Twitter. Пример тегов может выглядеть так:

<meta name = "twitter: image: width" content = "600"> <meta name = "twitter: image: height" content = "600"> <meta name = "twitter: player" content = "https: // davidwalsh.name/video-embed/12345 "> <meta name =" twitter: player: width "content =" 435 "> <meta name =" twitter: player: height "content =" 251 "> <meta name =" twitter: player: stream "content =" https://davidwalsh.name/raw-stream/12345.mp4 "> <meta name =" twitter: player: stream: content_type "content =" video / mp4; кодеки = "avc1 .42E01E1, мпа.40.2 "">

Twitter предоставляет Предварительный просмотр карты утилита, чтобы вы могли убедиться, что ваши мета-теги используются корректно. Я рекомендую использовать эту утилиту для всех типов карт, но особенно для видеокарт, поскольку они требуют больше информации.

Теперь, когда мета-теги Twitter Card установлены, следующим шагом является получение одобрения от Twitter.

Подача заявки на утверждение в Твиттере

Твиттер требует, чтобы ваш домен был одобрен, прежде чем они разрешат твиттер-карты для вашего сайта; это, скорее всего, бороться с нарушениями, как порнография и сайты, пропагандирующие незаконную деятельность. Когда ты подать заявку на одобрение Twitter Card вы предоставляете простую информацию о вашем сайте, например имя пользователя Twitter, связанное с доменом, карты, которые вы собираетесь использовать, и так далее:

Твиттер упоминает, что процесс одобрения может занять от пяти до десяти дней, но мой сайт был одобрен через два дня. Как только ваш сайт будет одобрен, ссылки на ваш сайт, содержащие соответствующие теги META, предоставят клиентам Twitter достаточно информации для создания карт Twitter!

Twitter и Robots.txt

Если у вас возникают проблемы с неправильным извлечением содержимого вашей карты, убедитесь, что файл robots.txt не блокирует Twitter. Бот Twitter удачно назван Twitterbot, поэтому проверьте файл robots.txt на наличие некорректных правил!

Образец твиттера

На следующем изображении показана карта Twitter для этого сайта:

Сначала я был расстроен идеей Твиттера о карточке Twitter, потому что предполагал, что она закроет платформу, и до сих пор никто не знает, так ли это. Что я знаю, так это то, что реализация мета-тегов Twitter Card невероятно проста и предоставляет владельцам бизнеса / сайта еще один способ эффективно продвигать свой сайт. Карты Twitter также удобны для пользователя, позволяя им воспроизводить видео в своем клиенте Twitter или просто предоставлять визуальные эффекты, связанные с данным твитом.

Хотите увидеть Twitter карты в действии? Чирикать ссылку на этот или любой другой пост на сайте, а затем нажмите / нажмите твит для подробного просмотра!

Похожие

Youtube Видео Маркетинг
... ичный способ продвигать свой бизнес в Интернете , Помимо того, что видео Youtube действительно может привлечь внимание вашей аудитории, Youtube является второй по величине поисковой системой"> Youtube Video Marketing - отличный способ продвигать свой бизнес в Интернете , Помимо того, что видео Youtube действительно может привлечь внимание вашей аудитории, Youtube является второй по величине поисковой системой.
Как работают WordPress категории и теги
Вы создаете категории на ходу, когда публикуете сообщения? У вас есть более 15 категорий в вашем блоге? Используете ли вы теги, чтобы вернуть порядок на свой сайт? Если вы ответили «да» на любой из этих вопросов, вы можете оказаться среди многих пользователей WordPress, которые не понимают, как эффективно использовать категории и теги,
YouTube 101: как найти, посмотреть и поделиться своим видео
... на который люди либо стремятся быть похожими, либо пытаются имитировать. Чаще всего вы будете слышать: «Как сделать мое видео популярным на YouTube?» а не «Как сделать мое видео популярным в Интернете?» YouTube стал онлайн-платформой для видео всех форм и размеров. Важно помнить, что, хотя YouTube популярен, не все его видео посещают 1 миллион пользователей за 24 часа. Однако для того, чтобы ваше видео смотрели тысячи, сотни или миллионы, оно не обязательно должно быть "
SEO: как правильно деоптимизировать
Деоптимизировать: новая тенденция SEO Кто бы ему поверил? Работа, которая носит название «оптимизация», стала сегодня востребованной, чтобы обуздать эту оптимизацию или скрыть ее как можно лучше. Потому что она могла зайти слишком далеко, к "переоптимизации". Но особенно потому, что теперь он может быстро стать слишком рискованным, в то время как Google может наказать
Видео маркетинг: полное руководство
Бренд / бизнес нуждается в видеомаркетинге в качестве маркетинговой стратегии. Действительно, эта идея не новая идея. Новым является то, что этот один тип медиа был самым популярным на каждой платформе и канале в последнее время. Таким образом, эта маркетинговая стратегия больше не является частью уловки увеличения ваших продаж. Видеомаркетинг сыграл огромную роль в привлечении потенциальных клиентов и кампаний вашего бренда. Вы обеспокоены тем, что в последнее время известные бренды
Как добиться успеха в Google SEO: 10 критических факторов
... и результатов поиска Google, обычно получают хорошие оценки по большинству, если не по всем, из этих критических факторов успеха SEO. Содержание : Контент, предназначенный для поисковых запросов пользователей Crawlable + Доступно для поисковых систем Качество и количество ссылок Удовлетворяет намерение пользователя
Анализатор метатегов
Анализатор метатегов Введите ваше доменное имя Анализатор мета-тегов не охватывает никаких дополнительных функций, но предоставляет базовую информацию о мета-тегах, таких как заголовок, описание, ключевые слова для анализа сайта, оптимизирован для SEO-фактора на странице или нет. Поскольку этот инструмент поможет поисковым системам понять вашу веб-страницу и соответствующим
Видео SEO - Видео Поисковая оптимизация
... на полу режущей комнаты! Управляйте своим трафиком и увеличивайте продажи с помощью видео SEO и оптимизации видео… Инструменты SEO для видео, такие как YouTube, больше не являются просто способом обмена видеоклипами - они сами стали поисковой системой. Более 13 миллионов часов видео было загружено
Как увидеть полный круг радуги
Радуга полного круга была захвачена над пляжем Коттесло около Перта, Австралия, в 2013 году Колином Леонхардтом из Birdseye View Photography. Он был на вертолете, летевшем между заходящим солнцем и ливнем. Используется с разрешения. Заказать распечатки этой фотографии. Когда солнечный свет и капли дождя образуют радугу, они могут образовать
Сент-Луис Видео Маркетинг | Интернет видео и цифровой медиа маркетинг
Видео SEO и маркетинг - смотрите ваше сообщение в совершенно новом виде Видео SEO или оптимизация
Как повысить пост SEO с помощью Yoast Meta Description
... ин это один из самых ценных инструментов, которые вы можете иметь. Yoast SEO - один из самых популярных плагинов для WordPress, и легко понять, почему. Сегодня я делюсь секретом мета-описания Yoast, которое поможет вам повысить SEO сайта WordPress до 100% за один месяц. Мета-описание играет важную роль в SEO любого веб-сайта. Проверьте мою предыдущую статью на как использовать мета-теги

Комментарии

Как категории и теги играют роль в SEO?
Как категории и теги играют роль в SEO? Если вы ищете ответы на любой из вопросов, то вы находитесь в правильном месте. Какие категории и теги в WordPress? Категории и теги в WordPress известны как таксономии, и основная цель категорий и тегов состоит в сортировке контента, который позволяет пользователям на вашем сайте выбирать связанные с этой конкретной темой. Например, этот пост относится к категории
Но большой вопрос в этом сценарии заключается в том, как создать Видео маркетинг без необходимости становиться экспертом по всем этим вопросам?
Работает ли теги как мета ключевые слова? Как категории и теги играют роль в SEO? Если вы ищете ответы на любой из вопросов, то вы находитесь в правильном месте. Какие категории и теги в WordPress? Категории и теги в WordPress известны как таксономии, и основная цель категорий и тегов состоит в сортировке контента, который позволяет пользователям на вашем сайте выбирать связанные с этой конкретной темой. Например, этот пост относится к
Самая важная цель: как улучшить все факторы, чтобы ваш веб-сайт занимал как можно более высокое место в результатах поисковых систем, таких как Google и Bing?
Самая важная цель: как улучшить все факторы, чтобы ваш веб-сайт занимал как можно более высокое место в результатах поисковых систем, таких как Google и Bing? Ключевая роль здесь для соответствующих ключевых слов. Огромное количество компаний используют этот SEO в течение ряда лет. Законным образом (так называемая «белая шляпа SEO») и менее законным образом - «черная шляпа SEO». Такая черная хитрость заключается в публикации ключевых слов, точно такого же цвета, что и цвет фона самого веб-сайта.
Как использовать Meta Tags Analyzer?
Как использовать Meta Tags Analyzer? Анализатор мета-тегов очень прост в использовании, просто вам нужен любой URL-адрес конкурента, чтобы проанализировать, какие ключевые слова используются в мета-тегах и как реализованы мета-теги? После добавления и отправки веб-сайта инструмент собирает информацию о метаданных для запрошенного веб-сайта или веб-страницы без каких-либо препятствий. Вы можете проверить неограниченное количество сайтов или веб-страниц с помощью
Как мне создать Sitemap?
Как мне создать Sitemap? Если вы не обновите свой веб-сайт (из CMS), можно использовать онлайн-инструменты для автоматического создания файлов Sitemap. Эти инструменты сканируют веб-сайт и собирают все URL-адреса, которые затем помещаются в файл Sitemap. Фавориты Кричащая лягушка SEO Spider и голландцы Генератор XML Sitemap , Недостаток таких инструментов в том, что вам придется
Почему обратные ссылки edu так востребованы и как кто-то относительно новичок в создании ссылок может найти эти возможности и создать эти мощные ссылки?
Почему обратные ссылки edu так востребованы и как кто-то относительно новичок в создании ссылок может найти эти возможности и создать эти мощные ссылки? Почему обратные ссылки EDU являются мощными? Прежде чем мы перейдем к поиску этих возможностей связывания edu и созданию мощных обратных ссылок на ваш сайт, важно понять, почему они такие мощные. Хотя некоторые могут предположить, что Google ценит эти типы ссылок просто потому, что они являются доменами edu, этому
Как создать сайт с высоким соотношением текста HTML?
Как создать сайт с высоким соотношением текста HTML? Поскольку кажется, что пользовательский опыт является осью этой модификации параметров в ядре Google, мы увидим, как дать Google то, что хочет пользователь. Проверьте HTML-код Это кажется очевидным, но просто передайте URL W3C валидатор осознавать количество ошибок, которые имеет наш сайт. Удалить весь ненужный
Как связь может быть такой же крепкой, как у его члена, когда он разговаривает с девушками на Meetic?
Как связь может быть такой же крепкой, как у его члена, когда он разговаривает с девушками на Meetic? Ладно, теперь легко и просто! Сайт обещает качественные автоматические обратные ссылки через свою систему. Отдыхайте больше, чем строить сайт ... 4:18 вечера: Бобби увидел на Youtube, что ребята зарабатывают тонны мелодий, путешествуют круглый год и не дергаются, благодаря блогу. Итак, давайте откроем блог! Будь проклят гаджет WordPress. Благодаря Google, запрос
Как генерируются теги заголовков в вашем интернет-магазине?
Как генерируются теги заголовков в вашем интернет-магазине? Программное обеспечение ePages автоматически определяет тег заголовка для каждой страницы. Например, на страницах товара автоматически создается заголовок с названием товара, за которым следует название магазина: <Title> ИМЯ ПРОДУКТА - ИМЯ МАГАЗИНА </ title> Таким образом, каждая страница продукта имеет уникальный тег заголовка, поэтому магазин можно найти, введя разные условия поиска.
Должны ли теги заголовков и теги H1 быть разными?
Должны ли теги заголовков и теги H1 быть разными? Существует много споров о том, нужно ли вам писать уникальную информацию для вашего тега заголовка и тега H1. Тем не менее, общее мнение экспертов (включая Рэнда Фишкина из Moz) заключается в том, что не опасно, чтобы ваш тег заголовка совпадал с тегом H1. Помните, что многие системы управления контентом по умолчанию устанавливают заголовок страницы как тег заголовка и тег H1. Если теги очень актуальны, то это, вероятно,
Как нам создать долгосрочную абонентскую базу?
Как нам создать долгосрочную абонентскую базу? Желательно, чтобы вы уважали свой график публикации, чтобы, если вы обязались подписчиков загружать видео каждый день, не подводите их, потому что по этой причине легко начать терять пользователей. Так что будьте последовательны, это не поможет начать сильным и сдуть с течением времени. Плейлисты Если вы разрабатываете другой контент, сгруппированный по темам, практически обязательно использовать

Хотите увидеть Twitter карты в действии?
У вас есть более 15 категорий в вашем блоге?
Используете ли вы теги, чтобы вернуть порядок на свой сайт?
Чаще всего вы будете слышать: «Как сделать мое видео популярным на YouTube?
» а не «Как сделать мое видео популярным в Интернете?
Как категории и теги играют роль в SEO?
Какие категории и теги в WordPress?
Работает ли теги как мета ключевые слова?
Как категории и теги играют роль в SEO?
Какие категории и теги в WordPress?

Новости

Сплавы по рекам

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

Где заказать тур на Кипр

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

Специальный держатель для смартфона

Мой муж работает таксистом, и для ориентировки по соседним городам ему нужен навигатор. Но телефон девать некуда, а с сидения или полки его брать неудобно, да и не видно изображения. Любимый не растерялся

Отель «Централь» Официальный сайт 83001, Украина, г. Донецк, ул. Артема, 87
Тел.: +38 062 332-33-32, 332-27-71
[email protected]
TravelLine: Аналитика


Студия web-дизайна Stoff.in © 2008