Блог Анфіси Бреус | Як зробити так, щоб в Твіттер разом з твітів йшов повноцінний анонс статті
- Як відкрити Твіттер доступ до зображень
- Редагування файлу robots.txt через хостинг
- Редагування файлу robots.txt через адмінку блогу
- Як занести блог в білий список Твіттер
Коли ми натискаємо на кнопку Твіттер, щоб поділитися статтею в Твіттер акаунті, ми може відправити не більше 140 знаків + посилання на статтю. Як правило відправляється тільки заголовок статті.
Але в Твіттер Ви напевно помічали, є твіти з більш детальною інформацією про статтю. Як правило такі твіти супроводжуються посиланням «Показати зведення».
Коли Ви натискаєте на це посилання або просто по тексту твіти, з'являється повний анонс статті з блогу з заголовком, описом, зображенням і посиланням на статтю.
У цій статті я розповім, що потрібно зробити, щоб Ваші статті теж йшли в Твіттер в такому вигляді. Передбачається, що у Вас вже встановлена кнопка Твіттер на блозі.
Увага! Для користувачів шаблоном AB-Inspiration. У нову версію шаблону AB-Inspiration це нововведення вже включено. Все що потрібно це оновити шаблон до нової версії 4.14, відредагувати файл robots.txt, і відправити запит в Твіттер на занесення блогу в «білий аркуш». Що саме потрібно включити в файл robots.txt і як відправити запит я розповім в кінці статті. Ви можете пропустити технічну частину і перейти відразу до «Як відкрити Твіттер доступ до зображень» і «Як занести блог в білий список Твіттер»
Як і у випадку з facebook за відображення анонса відповідають спеціальні метатеги ( Як опублікувати запис з блогу в Facebook з картинкою на всю ширину ). Метатеги для Твіттер в html коді виглядають так:
Тут, в прикладі показано, як створити анонс із зображенням на всю ширину. За тип анонса відповідає тип карти - summary_large_image. Якщо Ви хочете спробувати інші типи анонсів, докладніше про це можна почитати на офіційному сайті твіттер: https://dev.twitter.com/cards/types
У цій статті ми розберемо саме анонс з великим зображенням, тип карти - summary_large_image.
Отже, в файлі header.php між тегами head потрібно вставити наступний код:
<Meta name = "twitter: site" content = "@ anfisabreus"> <meta name = "twitter: creator" content = "@ anfisabreus"> <meta name = "twitter: card" content = "summary_large_image"> <meta name = "twitter: title" content = "<? php the_title ();?>"> <meta name = "twitter: description" content = "<? php while (have_posts ()): the_post (); $ out_excerpt = str_replace (array ( "\ r \ n", "\ r", "\ n", " '", "\" ")," ", get_the_excerpt ()); echo $ out_excerpt; endwhile; ?> "> <? Php if (! Has_post_thumbnail ($ post-> ID)) {$ default_image = 'http: //AdresBloga.ru/adres-izobrazhenia.jpg'; echo '<meta name =" twitter: image: src "content =" '. $ Default_image. ' ">';} Else {$ thumbnail_src = wp_get_attachment_image_src (get_post_thumbnail_id ($ post-> ID), 'full'); echo '<meta name =" twitter: image: src "content ="'. esc_attr ($ thumbnail_src [0]). ' ">';} Echo" \ n ";?> <Meta name =" twitter: image: width "content =" 435 "> <meta name =" twitter: image: height "content =" 375 ">Давайте розберемо код детальніше:
<Meta name = "twitter: site" content = "@ anfisabreus"> <meta name = "twitter: creator" content = "@ anfisabreus">Тут потрібно замінити anfisabreus на свій логін в Твіттер. У шаблоні AB-Inspiration користувачі прописують логін Твіттер в налаштуваннях шаблону в розділі «Вставки».
<Meta name = "twitter: site" content = "summary_large_image">Цей метатег залишаємо як є, якщо хочете, щоб в твіттер йшов анонс з великою картинкою.
<Meta name = "twitter: title" content = "<? Php the_title ();?>">Тут нічого міняти не потрібно. Функція the_title () автоматично підставить заголовок Вашої статті
<Meta name = "twitter: description" content = "<? Php while (have_posts ()): the_post (); $ out_excerpt = str_replace (array (" \ r \ n "," \ r "," \ n ", " '", "\" ")," ", get_the_excerpt ()); echo $ out_excerpt; endwhile; ?> ">Тут багато коду :), його завдання взяти перші рядки статті. Нічого змінювати не потрібно.
<? Php if (! Has_post_thumbnail ($ post-> ID)) {$ default_image = 'http: //AdresBloga.ru/adres-izobrazhenia.jpg'; echo '<meta name = "twitter: image: src" content = "'. $ default_image. '">'; } Else {$ thumbnail_src = wp_get_attachment_image_src (get_post_thumbnail_id ($ post-> ID), 'full'); echo '<meta name = "twitter: image: src" content = "'. esc_attr ($ thumbnail_src [0]). '">'; } Echo "\ n"; ?>Ця частина коду відповідає за виведення ізоабраженія. Я детально розбирала цей код в попередній статті - Як опублікувати запис з блогу в Facebook з картинкою на всю ширину .
Тут потрібно замінити адресу зображення, яке буде за замовчуванням, якщо в статтю не вставлена мініатюра. Користувачі шаблону AB-Inspiration завантажують це зображення в налаштуваннях шаблону в розділі «Вставки»
<Meta name = "twitter: image: width" content = "435"> <meta name = "twitter: image: height" content = "375">Ці рядки задають розмір зображення. Їх можна залишити як є.
Як відкрити Твіттер доступ до зображень
Ще один важливий момент - потрібно відкрити Твітер ботам доступ до зображень. Для цього потрібно прописати дозвіл у файлі robots.txt
Редагування файлу robots.txt через хостинг
1. зайдіть на хостинг в кореневу папку блогу
2. знайдіть файл robotx.txt
3. відкрийте його для редагування і впишіть наступний рядок:
Редагування файлу robots.txt через адмінку блогу
Ця інструкція підходить для користувачів шаблоном AB-Inspiration і всім, хто встановив плагін All In One Seo Pack. Цей спосіб допоможе відредагувати файл robots.txt в адмінці блогу.
1. Зайдіть в адмінку блогу
2. Перед в меню в розділ «Інcтрументи SEO» - «Інші модулі»
3. знайдіть блок «File Editor» і натисніть «Activate»
4. у вас з'явиться додаткове меню «File Editor» - перейдіть в нього
5. переконайтеся, що відкрита вкладка «Robots.txt»
6. вставте код в самому низу
User-agent: Twitterbot Allow: / wp-content / uploads /7. натисніть «Update robots.txt» кнопку внизу.
Як занести блог в білий список Твіттер
І ще один маленький момент - занесення Вашого блогу в білий список Твіттер. Для цього перед в Твіттер валідатор: http://cards-dev.twitter.com/validator . Вставте в поле посилання на ваш блог, і натисніть на кнопку «Preview card».
На екрані Ви побачите ось такий запис - «АдресВашегоБлога.ru is no whitelisted».
Натисніть на кнопку «Request Approval». Це небхідно для перевірки блогу і заненсеніе його в білий список. На перевірку може знадобитися деякий час.
Через пару годин знову зайдіть в Твіттер валідатор і вставте в поле адресу статті. Якщо все зроблено правильно, Ви побачите праворуч попередній анонса.
Ну що ж, тепер можна все протестувати в дії. Надішліть будь-яку Вашу статтю в Твіттер. Зайдіть в Твіттер акаунт і натисніть на лінк «Показати зведення». До речі, всі Ваші старі твіти, теж доповняться анонсами статей :).
Тепер Ваші фаловери в Твіттер акаунті будуть бачити не тільки твіт з 140 знаків з посиланням на статтю, а й повний анонс статті (як в facebook або google +).
Мій блог теж зроблений на шаблоні AB-inspiration і зараз на ньому встановлена остання версія. Тому Ви можете протестувати цей механізм прямо зараз. Клацніть по кнопці Твіттер і відправте цю статтю в свій аккаунт. Потім подивіться, як Ваш твіт буде виглядати в Вашому аккаунт в Твіттер.
Якщо У Вас щось не вийшло, пишіть в коментарях. Буду рада допомогти.
Як зробити так, щоб в Твіттер разом з твітів йшов повноцінний анонс статті 13 голосів
Середня оцінка: 5 з 5
Gt;"> <meta name = "twitter: description" content = "<?
Gt; "> <?
Quot;>';} Echo" \ n ";?
Lt;Meta name = "twitter: title" content = "<?
Php the_title ();?
Lt;?
Quot;>'; } Echo "\ n"; ?