21 спосіб створення кращого вмісту в WordPress

03.06.2020
SEO '21 спосіб створення кращого вмісту в WordPress
0 2 мин.

21 спосіб створення кращого вмісту в WordPress


Ми завжди як їм сказали створити “хороший” контент, але крім того, що є кваліфікованим письменником, що ще ми можемо зробити? Ну я вам скажу. Нам потрібно її проростити! Нам потрібно зосередитись на естетиці, зручності використання, оптимізації та використанні всіх тих інструментів / плагінів, які ми маємо в наявності.

Ви, напевно, знаєте, що з точки зору SEO хороший вміст, природно, займає високу позицію і є найкращою стратегією для отримання посилань, соціальних акцій та всіх тих приємних сигналів SEO. Я використовую кожну стратегію в цьому списку, і це мені дуже допомогло (з SEO, оскільки це я роблю).

Я сподіваюся, що це теж може допомогти вам.

1. Використовуйте зміст

Використовуйте зміст, щоб упорядкувати ключові теми (часто це ваші підзаголовки). Це також може допомогти вам окреслити свої статті. Це займе лише кілька хвилин і зробить ваших читачів щасливими.

1. Зміст
2. Стовпці
3. Столи
4. Кнопки!
5. Короткі коди
6. Вбудований соціальний статус
7. Вбудовані відео8. Робота з розмірами
9. Краща графіка
10. Після віджетів вступу
11. Стилізація зображень
12. Стиль шрифту
13. Заголовки вбивць
14. Сніппети15. Соціальна оптимізація
16. Показати себе
17. Підписи
18. Час завантаження
19. TinyMCE Advanced
20. Пробірка орфографії TinyMCE
21. Тестування

Як це зробити…
Зміст HTML повинен виглядати приблизно так …

Код HTML-підзаголовка повинен виглядати так …

Пункт перший

Пункт другий

Пункт третій

Ви також можете використовувати a перейти до змісту посилання…

  • 2. Стовпці

    Колонка 1

    Колонка 2

    Як це зробити…

    3. Столи

    tablepress-плагін

    Я створив цю таблицю за допомогою Плагін TablePress який має понад 1500 завантажень і надійний 5-зірковий огляд. Ви також можете налаштувати CSS під свій брендинг.

    4. Кнопки!

    ЗВ’ЯЖІТЬСЯ З НАМИ ПІДТРИМКА ЗАВАНТАЖИТЕ НАШЕ БЕЗКОШТОВНЕ ЕКОНОК ВИДІТЬСЯ НАШЕ ПОРТФОЛІО

    Як це зробити…

    5. Короткі коди

    короткі коди

    Короткі коди дозволяють легко додавати відео, аудіо, галереї зображень та інший вміст простим рядком коду. Ось короткий приклад вбудованого відео YouTube …

    [youtube = http: //www.youtube.com/watch? v = JaNH5? vpg-A]

    Деякі теми WordPress поставляються із вбудованими шорт-кодами, попередньо розробленими відповідно до вашої теми. Також є додатки, як-от Шорткоди Ultimate якщо ваша тема не відповідає їм.

    6. Вбудований соціальний статус

    Поділіться тим, що мають сказати інші люди, вставивши у свій вміст статуси соціальних медіа. Повідомте їх, коли воно буде опубліковано, і, можливо, вони поділяться ним зі своєю аудиторією.

    Статуси Twitter

    @jm_cook @Skitzzo Я купив Genesis. АМ люди надсилали приклади тем років тому. Я відшкодував (подарунковій картці) особу AM, яка дала мені поради.

    – Метт Кеттс (@mattcutts) 27 червня 2013 року

    @bgardner тому що це змусить людей подумати, що я віддаю перевагу Буття перед іншими темами. О, чекайте, це насправді так;) – Joost de Valk (@yoast) 31 січня 2012 року

    Як це зробити…
    Використовуйте Розширений пошук у Twitter щоб знайти твіт, натисніть Більше -> Вбудувати твіт. Скопіюйте код і вставте його в HTML вмісту. У наведеному вище прикладі використовуються 2 твіти в 2 стовпці.

    Вбудований твіт

    Статуси Facebook

    Вставити допис у Facebook

    Статуси Google+

    Вбудована публікація в Google+

    7. Вбудовані відео

    Варіант 1: Скопіюйте посилання Youtube та вставте його до свого вмісту (WordPress зробить все інше).

    Варіант 2: Перейдіть до відео YouTube, яке ви хочете вставити, а потім скопіюйте та вставте вбудований код у свій HTML. Цей спосіб дозволяє вказати ширину та висоту відео:

    Вставте відео YouTube

    Варіант 3: Відкрийте відео, натиснувши посилання за допомогою WP Video Lightbox Plugin.

    Сховати назву відео YouTube

    Сховати відео керування Youtube

    8. Робота над розмірами

    Прямокутник 680 пікселів

    Знання розмірів вмісту (у пікселях) допомагає створювати графіку або знаходити зображення, що відповідають цим параметрам. Я конкретно маю на увазі ваше тіло вмісту та ширину бічної панелі. Оскільки моє тіло вмісту становить 680 ширини (пікселі), я знаю, що якщо я використовую 2 стовпчики, кожна графіка має бути приблизно 340 шириною. Я також знаю, що мої віджети бічної панелі шириною 295.

    9. Краща графіка

    Почніть з перестановки графіки, яка з’являється в більшості місць (графіки по всьому світу): логотип, зображення колонтитулів, зображення бічної панелі. Потім перейдіть до окремих фрагментів вмісту (контент-графіка).

    Графіка на всій сторінці

    Графіка контентного дизайну

    10. Віджети після введення

    Після вступу WordPress

    Це віджети, які люди бачать після закінчення ваших статей (розташовані між тілом вмісту та розділом коментарів). Зазвичай вони мають заклик до дії. Для мене я включив вікно розсилки та мій профіль автора. “Пов’язані статті” також є популярним.

    У більшості тем WordPress їх можна знайти в розділі (Зовнішній вигляд -> Віджети -> Після вступу). Вирішіть, які віджети ви хочете показати тут. Але має бути щось.

    11. Стилізація зображення

    Стилізація зображень WordPress

    Стилізуйте свої зображення, додаючи рамки, поля, підкладку, підписи чи інші налаштування. Є 4 різні місця для редагування зображень, які мають різні варіанти стилю …

    • Розділ медіа
    • Клацнувши по зображенню та знайдіть опцію «редагувати»
    • Пошук піктограми вставлення / редагування зображення у візуальному редакторі
    • Редактор CSS

    12. Стилізація шрифту

    Ви отримуєте будь-який ідеї поки що?

    13. Заголовки вбивць

    Все починається з написання чудового заголовка. «Досконалий» заголовок включає:

    • Число
    • Прикметник
    • Ваше ключове слово

    Ось підручник Ніла Пателя, який пояснює формула ідеального заголовка. Він каже, що 8/10 людей прочитають ваш заголовок, але лише 2/10 прочитають решту вашої публікації. Вибирайте розумно.

    14. Сніппети

    SEO-заголовки + мета-описи

    Сніппети пошукової системи

    Ваш SEO-заголовок та мета-описи – це передова частина Вашого SEO – це перше, що люди бачать в результатах пошуку та в соціальних мережах. Написання описових, переконливих фрагментів буде збільшити показник кліків і привернути більше відвідувачів до вашого вмісту.

    Багаті знімки

    Багаті знімки

    багаті фрагменти покращуйте фрагменти пошукової системи додатковою інформацією про ваш вміст. Це один з найкращих способів виділитися в результатах пошуку та отримати більше кліків.

    Популярні форми багатих фрагментів …

    • Відео
    • Відгуки
    • Рецепти
    • Події
    • Аудіо

    Як це зробити…

    15. Соціальна оптимізація

    Кожна соціальна мережа формує ваш вміст по-різному, тому ви хочете, щоб він був оптимізований для належного форматування в основних соціальних мережах (ескіз-зображення має правильний розмір, а ваші заголовки та описи підібрані для кожної соціальної мережі, якщо ви вирішите). The SEO-плагін Yoast WordPress робить фантастичну роботу з цим, і я вважаю, що ви це використовуєте.

    Крок 1: Перейдіть до розділу «Користувачі» у WordPress і переконайтесь, що кожна людина заповнює свої поля Facebook, Twitter та Google+.

    Крок 2: Налаштування вкладки “Соціальні” в Yoast:

    Yoast Social Tab

    Facebook OpenGraph

    Йоаст Facebook Opengraph

    Карти Twitter (пам’ятайте Підтвердьте свої картки Twitter)

    Карти Twitter Yoast

    Метадані Google+

    Метадані Yoast Google+

    Pinterest (Розташований у налаштуваннях інформаційної панелі Yoast)

    Yoast Pinterest

    Вам потрібно буде підтвердьте свій сайт Pinterest і введіть код у цьому полі.

    Крок 3: Оптимізуйте вміст для соціального доступу

    Після налаштування соціальних налаштувань Yoast відредагуйте сторінку або публікацію, яку ви хочете оптимізувати для соціальних. Прокрутіть униз до розділу Yoast і перейдіть на вкладку “Соціальне” …

    Йоастська оптимізація соціальних медіа

    Yoast дає можливість відображати власні заголовки, описи та правильно відформатовані зображення для цих основних соціальних мереж. Якщо ви залишите ці порожні, тоді будуть використані ваш SEO-заголовок, мета-опис та ваше основне зображення вмісту (або пропоноване зображення). Доцільно принаймні завантажити зображення для Facebook / Twitter / Google+, щоб зображення форматувалося належним чином, коли вони ділилися в цих основних соціальних мережах. Ось правильні розміри …

    • Зображення у Facebook: 1200 x 630px
    • Зображення у Twitter: 1024 x 512 пікселів
    • Зображення Google+: 800 x 1200px

    16. Покажіть себе

    Том Дюпуа

    Це я!

    Ви побачите зрізану версію на моїй правій бічній панелі, де я представляю себе. Тут я б додав ваше біографічне опис, оскільки люди можуть вас відразу бачити.

    Додати віджет бічної панелі для одного автора…

    Спочатку створіть свою біографію в HTML. Ви можете створити його у візуальному редакторі, що простіше. Закінчивши, перейдіть до текстового редактора та скопіюйте свій біологічний HTML. Тепер перейдіть до (Зовнішній вигляд -> Віджети), потім додайте віджет “Текст” на бічну панель вашого блогу. Вставте HTML і збережіть.

    Додайте віджети бічної панелі для кількох авторів…

    • Переконайтесь, що у кожної людини є свій профіль користувача
    • Встановіть логічний плагін віджета тому біографія кожної людини відображається лише у своїх публікаціях
    • Якщо є 5 людей, додайте 5 текстових віджетів на бічну панель свого блогу
    • Вставте біо-код кожної людини у свій віджет
    • Знайдіть поле логіки віджетів у нижній частині віджета кожної людини
    • Додайте цей код, замініть лише моє ім’я на їх: is_author (“tom-dupuis”)
    • Або використовувати інше умовні теги щоб контролювати, де відображається кожен віджет

    Логічне поле віджетів

    Якщо ви використовуєте Рамка генезису і мати бюлетень, як я, ви можете користуватися цим Розширений плагін Genesis eNews створити віджет як із вашим вступом, так і з інформаційним бюлетенем.

    17. Підписи

    Мій підпис ви побачите внизу кожної статті, яку я напишу. Додає особистий штрих.

    Підпис Тома

    Як це зробити…

    • Дістаньте чистий шматок комп’ютерного паперу
    • Напишіть свій підпис
    • Погляньте на це пильно
    • Обріжте підпис
    • Додайте його до кінця статей

    18. Часи завантаження

    Час завантаження сторінки

    Найпростіший спосіб покращити час завантаження – це оптимізація, що впливає на весь веб-сайт (швидший хостинг, легкі теми, плагіни кешу…). Я все це висвітлюю в своєму Посібник зі швидкості WordPress. Ви також можете покращити час завантаження окремих сторінок, використовуючи менше відео, великих фотографій та коду. Запустіть URL до кінця GTmetrix для рекомендацій.

    19. TinyMCE Advanced

    TinyMCE Advanced

    Ви коли-небудь відчуваєте, що у візуального редактора не вистачає варіантів? Встановіть Розширений плагін TinyMCE щоб стилізувати свій вміст за допомогою більш досконалих варіантів.

    20. TinyMCE Spellcheck

    TinyMCE-Правопис

    Перед публікацією статті спробуйте запустити Плагін TinyMCE Spellcheck. Виберіть тип помилок, який він сканує, у розділі «Користувачі» або додайте слова, щоб їх ігнорувати …

    Параметри перевірки орфографії TinyMCE

    21. Тестування

    Перш ніж просувати свій вміст, добре пройти тестування…

    Мобільна чуйність – навіть якщо ваша тема WordPress відповідає, деякий вміст не завжди форматується правильно. Потягніть його на телефон / планшет, щоб перевірити ще раз.

    Зміст (Крок 1) – якщо ви налаштували вміст, завжди перевіряйте кожне посилання.

    Багаті знімки (крок 14) – якщо ваш вміст містить багаті фрагменти, використовуйте Структурований інструмент тестування даних Google щоб переконатися, що воно працює.

    Соціальна чуйність (крок 15) – щоб перевірити, чи будуть основні соціальні мережі форматувати ваш вміст належним чином, поділіться посиланням на Facebook, Twitter та Google+.

    Час завантаження (крок 18) – після публікації запустіть URL-адресу GTmetrix щоб отримати рекомендації щодо покращення часу завантаження вмісту.

    Ну я сподіваюся, що це було корисно! Я знаю, що це багато, тому якщо у вас є якісь питання, залиште мені рядок у розділі коментарів. І якщо ви знайшли мою статтю корисною, будь ласка, поділіться. Я ціную це!

    Ура,

    Підпис Тома

    8. Робота над розмірами

    Прямокутник 680 пікселів

    Знання розмірів вмісту (у пікселях) допомагає створювати графіку або знаходити зображення, що відповідають цим параметрам. Я конкретно маю на увазі ваше тіло вмісту та ширину бічної панелі. Оскільки моє тіло вмісту становить 680 ширини (пікселі), я знаю, що якщо я використовую 2 стовпчики, кожна графіка має бути приблизно 340 шириною. Я також знаю, що мої віджети бічної панелі шириною 295.

    9. Краща графіка

    Почніть з перестановки графіки, яка з’являється в більшості місць (графіки по всьому світу): логотип, зображення колонтитулів, зображення бічної панелі Потім перейдіть до окремих фрагментів вмісту (контент-графіка).

    Графіка на всій сторінці

    Графіка контентного дизайну

    10. Віджети після введення

    Після вступу WordPress

    Це віджети, які люди бачать після закінчення ваших статей (розташовані між тілом вмісту та розділом коментарів). Зазвичай вони мають заклик до дії. Для мене я включив вікно розсилки та мій профіль автора. “Пов’язані статті” також є популярним.

    У більшості тем WordPress їх можна знайти в розділі (Зовнішній вигляд -> Віджети -> Після вступу). Вирішіть, які віджети ви хочете показати тут. Але має бути щось.

    11. Стилізація зображення

    Стилізація зображень WordPress

    Стилізуйте свої зображення, додаючи рамки, поля, підкладку, підписи чи інші налаштування. Є 4 різні місця для редагування зображень, які мають різні варіанти стилю …

    • Розділ медіа
    • Клацнувши по зображенню та знайдіть опцію «редагувати»
    • Пошук піктограми вставлення / редагування зображення у візуальному редакторі
    • Редактор CSS

    12. Стилізація шрифту

    Ви отримуєте будь-який ідеї поки що?

    13. Заголовки вбивць

    Все починається з написання чудового заголовка. «Досконалий» заголовок включає:

    • Число
    • Прикметник
    • Ваше ключове слово

    Ось підручник Ніла Пателя, який пояснює формула ідеального заголовка. Він каже, що 8/10 людей прочитають ваш заголовок, але лише 2/10 прочитають решту вашої публікації. Вибирайте розумно.

    14. Сніппети

    SEO-заголовки + мета-описи

    Сніппети пошукової системи

    Ваш заголовок SEO та мета-описи – це передова частина Вашого SEO – це перше, що люди бачать в результатах пошуку та в соціальних мережах. Написання описових, переконливих фрагментів збільшить ваш показник кліків і приверне більше відвідувачів до вашого вмісту.

    Багаті знімки

    Багаті знімки

    Багаті фрагменти покращуйте фрагменти пошукової системи додатковою інформацією про ваш вміст. Це один з найкращих способів виділитися в результатах пошуку та отримати більше кліків.

    Популярні форми багатих фрагментів …

    • Відео
    • Відгуки
    • Рецепти
    • Події
    • Аудіо

    Як це зробити…

    15. Соціальна оптимізація

    Кожна соціальна мережа формує ваш вміст по-різному, тому ви хочете, щоб він був оптимізований для належного форматування в основних соціальних мережах (ескіз-зображення має правильний розмір, а ваші заголовки та описи підібрані для кожної соціальної мережі, якщо ви вирішите). The SEO-плагін Yoast WordPress робить фантастичну роботу з цим, і я вважаю, що ви це використовуєте.

    Крок 1: Перейдіть до розділу «Користувачі» у WordPress і переконайтесь, що кожна людина заповнює свої поля Facebook, Twitter та Google+.

    Крок 2: Налаштування вкладки “Соціальні” в Yoast:

    Yoast Social Tab

    Facebook OpenGraph

    Йоаст Facebook Opengraph

    Карти Twitter (пам’ятайте Підтвердьте свої картки Twitter)

    Карти Twitter Yoast

    Метадані Google+

    Метадані Yoast Google+

    Pinterest (Розташований у налаштуваннях інформаційної панелі Yoast)

    Yoast Pinterest

    Вам потрібно буде підтвердьте свій сайт Pinterest і введіть код у цьому полі.

    Крок 3: Оптимізуйте вміст для соціального доступу

    Після налаштування соціальних налаштувань Yoast відредагуйте сторінку або публікацію, яку ви хочете оптимізувати для соціальних. Прокрутіть униз до розділу Yoast і перейдіть на вкладку “Соціальне” …

    Йоастська оптимізація соціальних медіа

    Yoast дає можливість відображати власні заголовки, описи та правильно відформатовані зображення для цих основних соціальних мереж. Якщо ви залишите ці порожні, тоді будуть використані ваш SEO-заголовок, мета-опис та основне зображення вмісту (або пропоноване зображення). Доцільно принаймні завантажити зображення для Facebook / Twitter / Google+, щоб зображення форматувалося належним чином, коли вони ділилися в цих основних соціальних мережах. Ось правильні розміри …

    • Зображення у Facebook: 1200 x 630px
    • Зображення у Twitter: 1024 x 512 пікселів
    • Зображення Google+: 800 x 1200px

    16. Покажіть себе

    Том Дюпуа

    Це я!

    Ви побачите зрізану версію на моїй правій бічній панелі, де я представляю себе. Тут я б додав ваше біографічне опис, оскільки люди можуть вас відразу бачити.

    Додати віджет бічної панелі для одного автора…

    Спочатку створіть свою біографію в HTML. Ви можете створити його у візуальному редакторі, що простіше. Закінчивши, перейдіть до текстового редактора та скопіюйте свій біологічний HTML. Тепер перейдіть до (Зовнішній вигляд -> Віджети), потім додайте віджет “Текст” на бічну панель вашого блогу. Вставте HTML і збережіть.

    Додайте віджети бічної панелі для кількох авторів…

    • Переконайтесь, що у кожної людини є свій профіль користувача
    • Встановіть логічний плагін віджета тому біографія кожної людини відображається лише у своїх публікаціях
    • Якщо є 5 людей, додайте 5 текстових віджетів на бічну панель свого блогу
    • Вставте біо-код кожної людини у свій віджет
    • Знайдіть поле логіки віджетів у нижній частині віджета кожної людини
    • Додайте цей код, замініть лише моє ім’я на їх: is_author (“tom-dupuis”)
    • Або використовувати інше умовні теги щоб контролювати, де відображається кожен віджет

    Логічне поле віджетів

    Якщо ви використовуєте Рамка генезису і мати бюлетень, як я, ви можете користуватися цим Розширений плагін Genesis eNews створити віджет як із вашим вступом, так і з інформаційним бюлетенем.

    17. Підписи

    Мій підпис ви побачите внизу кожної статті, яку я напишу. Додає особистий штрих.

    Підпис Тома

    Як це зробити…

    • Дістаньте чистий шматок комп’ютерного паперу
    • Напишіть свій підпис
    • Погляньте на це пильно
    • Обріжте підпис
    • Додайте його до кінця статей

    18. Часи завантаження

    Час завантаження сторінки

    Найпростіший спосіб покращити час завантаження – це оптимізація, що впливає на весь веб-сайт (швидший хостинг, легкі теми, плагіни кешу…). Я все це висвітлюю в своєму Посібник зі швидкості WordPress. Ви також можете покращити час завантаження окремих сторінок, використовуючи менше відео, великих фотографій та коду. Запустіть URL до кінця GTmetrix для рекомендацій.

    19. TinyMCE Advanced

    TinyMCE Advanced

    Ви коли-небудь відчуваєте, що у візуального редактора не вистачає варіантів? Встановіть Розширений плагін TinyMCE щоб стилізувати свій вміст за допомогою вдосконалених варіантів.

    20. TinyMCE Spellcheck

    TinyMCE-Правопис

    Перед публікацією статті спробуйте запустити Плагін TinyMCE Spellcheck. Виберіть тип помилок, який він сканує, у розділі «Користувачі» або додайте слова, щоб їх ігнорувати …

    Параметри перевірки орфографії TinyMCE

    21. Тестування

    Перш ніж просувати свій вміст, добре пройти тестування…

    Мобільна чуйність – навіть якщо ваша тема WordPress відповідає, деякий вміст не завжди форматується правильно. Потягніть його на телефон / планшет, щоб перевірити ще раз.

    Зміст (Крок 1) – якщо ви налаштували вміст, завжди перевіряйте кожне посилання.

    Багаті знімки (крок 14) – якщо ваш вміст містить багаті фрагменти, використовуйте Структурований інструмент тестування даних Google щоб переконатися, що воно працює.

    Соціальна чуйність (крок 15) – щоб перевірити, чи будуть основні соціальні мережі форматувати ваш вміст належним чином, поділіться посиланням на Facebook, Twitter та Google+.

    Час завантаження (крок 18) – після публікації запустіть URL-адресу GTmetrix щоб отримати рекомендації щодо покращення часу завантаження вмісту.

    Ну я сподіваюся, що це було корисно! Я знаю, що це багато, тому якщо у вас є якісь питання, залиште мені рядок у розділі коментарів. І якщо ви знайшли мою статтю корисною, будь ласка, поділіться. Я ціную це!

    Ура,

    Підпис Тома

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
    • Понравилась статья?
      Комментарии (0)
      Комментариев нет, будьте первым кто его оставит

      Комментарии закрыты.

      Adblock
      detector