Інтеграція вмісту статті в Joomla, найкращі практики

Подвійне зобов’язання: сприяти читабельності та розумінню вашого вмісту для користувачів Інтернету та сприяти їх індексації пошуковими системами

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

joomla

НЕОБХІДНІСТЬ: ПОВІДОМЛЕННЯ СТАНДАРТІВ ІНТЕГРАЦІЇ, ЩО ПОВИЩАЮТЬ:

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

ЗРОБИТЬ НАЙБІЛЬШЕ ОСОБЛИВОСТЕЙ ВАШОГО РЕДАКТОРА, ЩОБ СОКРОЮВАТИСЯ НА СТРУКТУРУВАННІ ЗМІСТУ

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

ПОДГОТОВКА СТИЛІВ І HTML-ТЕГІВ

За допомогою редактора Joomla ви можете форматувати свої тексти з різними стилями, такими як вага, курсив, вирівнювання ...

Важлива примітка: дозволяються лише основні стилі HTML (жирний, курсив, підкреслення.), щоб гарантувати графічну узгодженість вашого веб-сайту (керованого таблицями стилів вашого шаблону), а також його майбутню портативність (факт "форсування" стилів шляхом зміни шрифт або колір суперечать належній практиці і змусять вас при подальших змінах шаблону Joomla видалити всі неприпустимі теги html цього типу тощо).

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

ОБЕРЕЖНО КОПІЮВАТИ І ВСТАЙТИ !

Коли ви копіюєте текст із сторонніх програм, таких як Word, він також може вставити код, який не відповідає веб-мовам. На додаток до помилок, які можуть спричинити ці коди, вони також змінять стилі графічного інтерфейсу сайту (міжрядковий інтервал, розмір шрифту, кольори тощо). Щоб уникнути інтеграції цього коду, вам потрібно буде скопіювати вставку за допомогою функції «видалити форматування», доступної в меню «форматування» редактора. Це також зажадає від вас переформатувати макет вашого вмісту, додавши субтитри (бажано H3) або жир до тих фрагментів, які ви хочете виділити, але це ціна, за яку ви отримаєте код. Дійсний html і, отже, оптимізований для відображення на усі засоби масової інформації та легко індексуються пошуковими системами.

НАЗВИ, ЗАГОЛОВКИ І ПАРАГРАФИ

Для вашого вмісту доступні різні стилі заголовків. Для цього ми використовуємо теги заголовків (H1, H2, H3, Hn.) В Інтернеті. Тег H1 зазвичай зарезервований для заголовка сайту, а тег H2 для статей. Для субтитрів ви можете використовувати теги H3, H4, H5…, поважаючи їх ієрархію. У редакторі є кнопка для легкого вбудування цих тегів, не турбуючись про HTML-код. Виберіть заголовок та натисніть меню «Абзац», а потім виберіть стиль, який застосовуватимете.

ЧІП-СПИСКИ

Досить поширеною помилкою, допущеною при вбудовуванні вмісту із зовнішнього документа, є збереження маркованих списків, відформатованих з оригінального програмного забезпечення для обробки текстів. Зокрема, в Word ми часто зустрічаємо форматування типу:

- маркувальний список 1
- кульовий список 2
- кульовий список 3
- тощо.

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

Це дасть такий результат:

  • маркувальний список 1
  • кульовий список 2
  • кульовий список 3
  • тощо.

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

СКІКОВІ РЯДКИ ТА ПАРАГРАФНІ

Також остерігайтеся небажаних розривів абзаців. Вони заважають гармонійному розміщенню вашої сторінки і надмірно обтяжують її. Нагадуємо, розрив рядка робиться, як і в текстовому процесорі, одночасним натисканням клавіш SHIFT + ENTER, тоді як розрив абзацу генерується автоматично лише натисканням ENTER. Мовою HTML "порожній" абзац (тому марний) матеріалізується кодом

, при необхідності переведіть ваш редактор у режим HTML і видаліть непотрібні теги.

ВІДКРИТТЯ ПОСИЛАНЬ

Ще однією поширеною помилкою є погане "націлювання на посилання". Зазвичай можна побачити посилання, що відкривають зовнішнє джерело (інший веб-сайт, документ у форматі PDF.) У тому самому вікні навігації (вихідний код HTML: target = "_ self"). Це насправді шкідливо, оскільки якщо користувачеві Інтернету не вдається повернутися назад або закрити це вікно, ви ризикуєте втратити його, іноді непоправно. Тож пам’ятайте відкрити такий вміст у новому вікні (target = _ "blank"), не забувши встановити прапорець "open in new window".

УПРАВЛІННЯ ЗОБРАЖЕННЯМИ

Joomla дозволяє за замовчуванням інтегрувати зображення ваших статей двома різними способами:

  1. за допомогою кнопки "зображення" внизу редактора Joomla
  2. через вкладку "Зображення та посилання", розташовану у верхній частині редактора Joomla

Ми рекомендуємо використовувати друге рішення з різних причин:

НАЗВАЙТЕ І ФАЙЛУЙТЕ ВАШІ ЗОБРАЖЕННЯ

Завжди пам’ятайте щонайменше заповнити поле alt зображень, оскільки воно використовується Google для індексації ваших зображень. Також обов’язково уникайте завантаження зображень у кореневу директорію зображень, це уповільнить відкриття редактора зображень, якщо там знайдено велику кількість файлів. Спробуйте впорядкувати каталоги зображень відповідно до вашої деревоподібної структури, намагаючись створити папку для кожної основної теми вашого сайту.

ВАЖЛИВА ПРИМІТКА

Пам'ятайте, що навіть незважаючи на те, що у Joomla є редактор WYSIWYG, остаточний рендерінг ваших статей у бек-офісі ніколи не є точно таким же, як їх остаточний вигляд у фронт-енді. Тому завжди пам’ятайте, що потрібно працювати з двома вкладками, відкритими одночасно, одна для адміністратора Joomla, інша для веб-сайту. І оновіть (F5.) Лоб після кожної зміни, яку ви внесете до своїх предметів, щоб переконатися, що вони такі, як ви очікували.