Пошукова оптимізація (SEO)¶
Пошукова оптимізація (SEO) - це набір оптимальних методів оптимізації вашого веб-сайту, завдяки чому ви отримуєте кращий рейтинг у пошукових системах, таких як Google. Словом, хороша оптимізація SEO дозволяє отримати більше відвідувачів.
Деякі приклади правил SEO: ваші веб-сторінки мають завантажуватися швидко, на вашій сторінці має бути один і тільки один заголовок <h1>, мета теги (alt-tag, title-tag) повинні відповідати вмісту сторінки, ваш веб-сайт повинен мати файл /sitemap.xml і т.д..
Щоб гарантувати, що користувачі вебсайту та електронної комерції Odoo мають чудовий SEO, Odoo бере на себе всі технічні складнощі SEO. Як саме - читайте нижче.
Але спочатку подивіться, як ви можете легко підвищити свій рейтинг шляхом тонкого налаштування вмісту та метатегів вашого вебсайту.
Назва, Опис¶
Кожна веб-сторінка повинна визначати метадані <title>, <description> та <keywords>. Ці інформаційні елементи використовуються пошуковими системами, щоб визначити рейтинг вашого сайту. Вони генеруються автоматично на основі назви та вмісту сторінки, але ви можете додатково їх налаштувати. Перевірте, що вони відповідають вмісту вашої сторінки, інакше пошукові системи знизять ваш рейтинг.
Ключові слова¶
Для того, щоб написати якісний вміст і збільшити ваш трафік, Odoo пропонує пошук <keyword>. Ці ключові слова - це пошукові запити, які ви хочете направити на ваш вебсайт. Для кожного ключового слова ви бачите, як воно використовується у вмісті (H1, H2, заголовок сторінки, опис сторінки, вміст сторінки) та які є пов’язані пошукові запити в Google. Чим більше ключових слів буде використано, тим краще.
Примітка
Якщо ваш веб-сайт має декілька мов, ви можете використовувати інструмент просування для кожної мови окремої сторінки та встановлювати спеціальний заголовок, опис та пошукові теги.
Вміст це наше все!¶
Коли мова йде про SEO, вміст має дуже великий вплив. Odoo надає кілька модулів, які допоможуть створити свій вміст на вашому вебсайті:
Блоги Odoo: написання чудового вмісту.
Слайди Odoo: опублікуйте всі свої презентації Powerpoint або PDF. Їх вміст автоматично індексується на веб-сторінці. Приклад: odoo.com/slides/public-channel-1
Форум Odoo: дозвольте вашій спільноті створювати вміст для вас. Приклад: odoo.com/forum/1 (припадає на 30% цільових сторінок Odoo.com)
Архів списку розсилки Odoo: опублікуйте архіви списків розсилки на своєму веб-сайті. Приклад: odoo.com/groups/community-59 (1000 сторінок, створених на місяць)
Примітка
Сторінка 404 - це звичайна сторінка, яку можна редагувати, як і будь-яку іншу сторінку в Odoo. Таким чином, ви можете створити класну 404 сторінку, яка перенаправлятиме на найпопулярніший вміст вашого веб-сайту, якщо людина потрапила на невірну URL-адресу.
Ділитись у соціальній мережі¶
Пересуньте блок Ділитись на будь-яку сторінку. Користувачі зможуть натиснути на іконку та поділитись цією веб сторінкою на своїй сторінці у соціальній мережі.
Більшість соціальних мереж використовують зображення для кращої візуальної презентації своєї публікації. За замовчуванням Odoo використовує логотип вебсайту, але ви можете обрати будь-яке інше зображення вашої сторінки в інструменті «Просування».
Facebook сторінка¶
Пересуньте блок Сторінка Facebook, щоб відобразити віджет вашої ділової сторінки на Facebook та заохотити відвідувачів стежити за нею. Ви можете відобразити часову шкалу, наступні події та повідомлення.
Прокручування Twitter¶
Відображайте канали Twitter із задоволеністю клієнтів на своєму веб-сайті. Це збільшить кількість твітів і поширень.
Перевірте ваш веб-сайт¶
Ви можете порівняти рейтинг вашого веб-сайту з точки зору SEO з Odoo за допомогою безкоштовних сервісів WooRank: woorank.com
Обробка URL-адрес¶
У цьому розділі висвітлено як URL-адреси в Odoo сприяють хорошому рейтингу SEO.
Структура URL-адреси¶
Типова URL-адреса Odoo виглядатиме так:
З наступними компонентами:
https:// = Protocol
www.mysite.com = ваше доменне ім’я
/fr_FR вказує на мову сторінки. Ця частина URL-адреси видаляється, якщо відвідувач переглядає основну мову вебсайту. Таким чином, основна версія цієї сторінки: https://www.mysite.com/shop/product/my-great-product-31
/shop/product - кожен модуль визначає власний простір імен (/shop - це назва каталогу модуля електронної комерції, /shop/product вказує, що це сторінка продукту).
my-great-product за замовчуванням, це згладжений заголовок продукту, який містить ця сторінка. Але ви можете налаштувати його для цілей SEO. Товар під назвою «Pain carré» буде перетворений у «pain-carre». Залежно від простору імен це можуть бути різні об’єкти (публікація блогу, заголовок сторінки, повідомлення форуму, коментар до форуму, категорія продукту, тощо).
-31 = унікальний ID продукту
Зауважте, що будь-який динамічний компонент URL-адреси можна звести до його ID. Як приклад, всі наступні URL-адреси роблять переадресацію 301 на вказану URL-адресу:
https://www.mysite.com/fr_FR/shop/product/31 (short version)
http://mysite.com/fr_FR/shop/product/31 (even shorter version)
http://mysite.com/fr_FR/shop/product/other-product-name-31 (old product name)
Деякі URL-адреси мають кілька динамічних частин, як-от ця (категорія блогу та публікація):
У наведеному вище прикладі:
Новини компанії - це назва блогу
Історія Odoo - це назва конкретного поста в блозі
Коли сторінка Odoo має пейджер, номер сторінки встановлюється безпосередньо в URL-адресі (не має аргументу GET). Це дозволяє кожній сторінці індексувати пошукові системи. Приклад:
Зміни в URL-адресах і заголовках¶
Коли змінюється URL-адреса сторінки (наприклад, більш дружня версія для друку вашого продукту), вам не потрібно турбуватися про оновлення всіх посилань:
Odoo автоматично оновить всі свої посилання на нову URL-адресу.
Якщо зовнішні веб-сайти все ще вказують на стару URL-адресу, буде виконано перенаправлення 301, щоб перенаправити відвідувачів на нову адресу сторінки.
Як приклад, ця URL-адреса:
Автоматично переспрямовуватиметься на:
Коротше кажучи, просто змініть назву публікації в блозі або назву продукту, і зміни автоматично застосовуватимуться скрізь на вашому веб-сайті. Старе посилання все ще функціонує, коли використовується зовнішніми веб-сайтами через перенаправлення 301, зберігаючи сік посилання SEO.
HTTPS¶
Пошуковики підвищують рейтинг вебсайтів захищених через HTTPS / SSL. Отже, за замовчуванням всі інсталяції Odoo Online повністю ґрунтуються на HTTPS. Якщо відвідувач звертається до вашого вебсайту за допомогою URL-адреси, що не містить HTTPS, то 301 переадресація перенаправить його до еквівалента URL-адреси з HTTPS.
Посилання: стратегія nofollow¶
Чим більше на сторінку посилається із зовнішніх і якісних веб-сайтів, тим краще це для вашого SEO.
Ось стратегії Odoo для керування посиланнями:
Кожне посилання, яке ви додаєте на свій веб-сайт, є «dofollow», що означає, що це посилання сприятиме покращенню SEO для сторінки, на яку посилається.
Кожне посилання, опубліковане учасником (допис на форумі, коментар у блозі тощо), яке посилається на ваш власний веб-сайт, також є «dofollow».
Але кожне посилання, розміщене співрозмовником, який посилається на зовнішній веб-сайт, є «nofollow». Таким чином, ви не ризикуєте, що люди публікують посилання на ваш веб-сайт на сторонні веб-сайти, які мають погану репутацію.
Зауважте, що, користуючись форумом, можна довіряти авторам, які мають багато карми. У такому випадку їхні посилання не матимуть жодного атрибута
rel="nofollow".
Багатомовна підтримка¶
Багатомовні URL-адреси¶
Якщо ви запускаєте веб-сайт на кількох мовах, однаковий вміст буде доступний в різних URL-адресах залежно від мови використання:
https://www.mywebsite.com/shop/product/my-product-1 (основна мова, тут англійська)
https://www.mywebsite.com/fr_FR/shop/product/mon-produit-1 (French version)
У цьому прикладі fr_FR є мовою сторінки. Ви навіть можете мати декілька варіантів однієї мови: pt_BR (португальська з Бразилії), pt_PT (португальська з Португалії).
Мовна анотація¶
Щоб повідомити пошуковим системам, що друга URL-адреса є французьким перекладом першої URL-адреси, Odoo додасть елемент HTML-посилання в заголовок. У розділі HTML <head> основної версії Odoo автоматично додає елемент посилання, що вказує на перекладені версії цієї веб-сторінки;
<link rel=»alternate» hreflang=»fr» href=»https://www.mywebsite.com/fr_FR/shop/product/mon-produit-1»/>
З таким підходом:
Пошукові системи переспрямовуватимуть на потрібну мову відповідно до мови відвідувача.
Ви не будете покарані пошуковими системами, якщо вашу сторінку ще не перекладено. Дійсно, це не дубльований вміст, а інша версія того самого вмісту.
Виявлення мови¶
Коли відвідувач вперше потрапляє на ваш веб-сайт (наприклад, yourwebsite.com/shop), він може бути автоматично перенаправлений до перекладеної версії відповідно до мовних уподобань свого браузера (наприклад, yourwebsite.com/fr_FR/shop).
Наступного разу він зберігає файл cookie поточної мови, щоб уникнути перенаправлення.
Щоб змусити відвідувача дотримуватися стандартної мови, ви можете використовувати код мови за замовчуванням у вашому посиланні, наприклад: yourwebsite.com/en_US/shop. Це завжди призведе до відвідування англійської версії сторінки, без використання мовних налаштувань браузера.
Швидкість сторінки¶
Вступ¶
Час завантаження сторінки є важливим критерієм для пошукових систем. Швидший веб-сайт не лише покращує враження від відвідувачів, але й дає вам кращий рейтинг сторінки. Деякі дослідження показали, що якщо ви розділите час завантаження ваших сторінок на два (наприклад, 2 секунди замість 4 секунд), то рівень залишення відвідувачів також поділиться на два. (25% до 12,5%). Одна додаткова секунда для завантаження сторінки може коштувати Amazon $1,6 млрд продажів.
На щастя, Оdоо робить для вас магію. Нижче ви знайдете хитрощі, які Odoo використовує, щоб пришвидшити час завантаження сторінки. Ви можете порівняти, як ваш сайт використовує ці два інструменти:
Зображення¶
Коли ви завантажуєте нові зображення, Odoo автоматично стискає їх, щоб зменшити їхні розміри (стиснення без втрат для .PNG і .GIF і стиснення з втратами для .JPG).
З кнопки завантаження ви можете зберегти оригінальне зображення без зміни, якщо ви хочете оптимізувати якість зображення, а не продуктивність.
Примітка
Odoo стискає зображення, коли вони завантажуються на ваш веб-сайт, а не за запитом відвідувача. Таким чином, можливо, якщо ви використовуєте сторонню тему, вона забезпечить зображення, які не стиснуті ефективно. Але всі зображення, що використовуються в офіційних темах Odoo, стискаються за замовчуванням.
Коли ви натискаєте зображення, Odoo показує атрибути <img> і назву тега. Ви можете натиснути на неї, щоб встановити власну назву та атрибути Alt для зображення.
Коли ви натисните на це посиланню, з’явиться таке вікно:
Піктограми Odoo реалізовані за допомогою шрифту (Font Awesome у більшості тем Odoo). Таким чином, ви можете використовувати стільки піктограм, скільки хочете, на своїй сторінці, але вони не дадуть додаткових запитів на завантаження сторінки.
Статичні ресурси: CSS¶
Усі файли CSS попередньо обробляються, об’єднуються, зменшуються, стискаються та кешуються (на стороні сервера та браузера). Результат:
для завантаження сторінки потрібен лише один запит CSS-файлу
цей файл CSS використовується для спільного використання та кешування серед сторінок, тому, коли відвідувач натискає іншу сторінку, браузер не повинен навіть завантажувати жодного ресурсу CSS.
цей файл CSS оптимізовано як невеликий
Попередньо оброблено: Framework CSS, який використовує Odoo, є Bootstrap. Хоча тема може використовувати інший фреймворк, більшість тем Odoo розширюють і налаштовують Bootstrap безпосередньо. Оскільки Odoo підтримує Less і Sass, ви можете змінювати правила CSS замість того, щоб перезаписувати їх за допомогою додаткових рядків CSS, в результаті чого файл буде меншим.
З’єднані: кожен модуль або бібліотека, яку ви можете використовувати в Odoo, має власний набір файлів CSS, Less або Sass (електронна комерція, блоги, теми тощо). Наявність кількох файлів CSS чудово підходить для модульності, але не добре для продуктивності, оскільки більшість браузерів можуть виконувати лише 6 запитів паралельно, що призводить до великої кількості файлів, які завантажуються послідовно. Час затримки для передачі файлу зазвичай набагато довший за фактичний час передачі даних для невеликих файлів, таких як .JS і .CSS. Таким чином, час завантаження ресурсів CSS більше залежить від кількості запитів, які потрібно виконати, ніж від фактичного розміру файлу.
Для вирішення цієї проблеми всі файли CSS / Less / Sass об’єднуються в єдиний файл .CSS для відправлення в браузер. Таким чином, відвідувач має лише один CSS файл для завантаження на сторінку, що є особливо ефективним. Оскільки CSS розподіляється серед усіх сторінок, коли відвідувач натискає іншу сторінку, браузер навіть не повинен завантажувати новий CSS-файл!
Обидва файли у <head> |
Що отримує відвідувач (тільки один файл) |
|---|---|
/* From bootstrap.css */ |
.text-muted { |
.text-muted { |
color: #666; |
color: #777; |
background: yellow |
background: yellow; |
} |
} |
|
/* From my-theme.css */ |
|
.text-muted { |
|
color: #666; |
|
} |
CSS, надісланий Odoo, включає в себе всі CSS / Less / Sass всіх сторінок/модулів. Таким чином, для додаткових переглядів сторінок одного відвідувача не потрібно буде завантажувати файли CSS взагалі. Але деякі модулі можуть включати в себе величезні ресурси CSS / Javascript, які ви не бажаєте попередньо отримувати на першій сторінці, оскільки вони занадто великі. У цьому випадку Odoo розподіляє цей ресурс на другий пакет, який завантажується лише тоді, коли запитується сторінка, яка використовує її. Прикладом цього є бекенд, який завантажується тільки тоді, коли відвідувач входить до системи та звертається до бекенду (/ web).
Примітка
Якщо файл CSS дуже великий, Odoo розділить його на два менших файли, щоб уникнути обмеження 4095 селекторів на аркуш Internet Explorer. Але більшість тем підходять нижче цієї межі.
Мініфікований: після попередньої обробки та об’єднання, результативність CSS зменшується, щоб зменшити його розмір.
Перед мініфікацією |
Після мініфікації |
|---|---|
/* some comments */ |
.text-muted {color: #666} |
.text-muted { |
|
color: #666; |
|
} |
Кінцевий результат стискається, перш ніж надходити до браузера.
Потім кешована версія зберігається на стороні сервера (тому нам не потрібно попередньо обробляти, об’єднувати, зменшувати за кожним запитом) і на стороні браузера (тому той самий відвідувач завантажуватиме CSS лише один раз для всіх відвіданих сторінок).
Статичні ресурси: Javascript¶
Як і ресурси CSS, ресурси Javascript також об’єднуються, мінімізуються, стискаються та кешуються (на стороні сервера та браузера).
Odoo створює три пакети Javascript:
Один для всіх сторінок веб-сайту (включаючи код для ефектів parallax, перевірки форм тощо)
Один для загального коду Javascript, спільного між інтерфейсом і сервером (Bootstrap)
Один для бекенда конкретного коду Javascript (Odoo Web Client інтерфейс для ваших співробітників, які використовує Odoo)
Більшості відвідувачів вашого веб-сайту знадобляться лише перші два пакети, що призведе до завантаження максимум двох файлів Javascript для відтворення однієї сторінки. Оскільки ці файли є спільними для всіх сторінок, подальші клацання тим самим відвідувачем не завантажать жодного іншого ресурсу Javascript.
Примітка
Якщо ви працюєте в режим розробника, CSS і Javascript не об’єднуються та не зменшуються. Таким чином, це набагато повільніше. Але це дозволяє легко налагоджувати за допомогою налагоджувача Chrome, оскільки ресурси CSS і Javascript не трансформуються з їхніх оригінальних версій.
CDN¶
Якщо ви активуєте функцію CDN в Odoo, статичні ресурси (Javascript, CSS, зображення) завантажуються з мережі доставки вмісту. Використання мережі доставки контенту має три переваги:
Завантаження ресурсів із сусіднього сервера (більшість CDN мають сервери в основних країнах світу)
Ефективний кеш ресурсів (без використання обчислювальних ресурсів на вашому власному сервері)
Розбиття завантаження ресурсів на різні служби, що дозволяє паралельно завантажувати більше ресурсів (оскільки ліміт Chrome на 6 паралельних запитів за доменом)
Ви можете налаштувати параметри CDN із додатка Адміністратор веб-сайту за допомогою меню Налаштування. Ось приклад налаштування, який ви можете використовувати:
Сторінки HTML¶
Крім того, сторінки HTML можуть бути стиснуті, але, як правило, це обробляється вашим веб-сервером (NGINX або Apache).
Конструктор веб-сайтів Odoo було оптимізовано, щоб гарантувати чистий і короткий HTML-код. Будівельні блоки були розроблені для створення чистого коду HTML, зазвичай з використанням Bootstrap і редактора HTML.
Як приклад, якщо ви використовуєте засоби вибору кольору, щоб змінити колір абзацу на основний колір вашого веб-сайту, Odoo виведе наступний код:
<p class="text-primary">Мій текст</p>
Тоді як більшість редакторів HTML (наприклад, CKEditor) вироблятиме такий код:
<p style="color: #AB0201">Мій текст</p>
Адаптивний дизайн¶
Веб-сайти, які не оптимізовані для мобільних пристроїв, негативно впливають на позиції в пошукових системах. Усі теми Odoo покладаються на Bootstrap для ефективного відтворення відповідно до пристрою: робочого столу, планшета чи мобільного.
Оскільки всі модулі Odoo використовують однакову технологію, абсолютно всі сторінки вашого веб-сайту оптимізовані для мобільних пристроїв.
Кешування браузера¶
Ресурси Javascript, зображень і CSS мають URL-адресу, яка динамічно змінюється, коли змінюється їхній вміст. Як приклад, усі файли CSS завантажуються через цю URL-адресу: localhost:8069/web/content/457-0da1d9d/web.assets_common.0.css. Частина 457-0da1d9d цієї URL-адреси зміниться, якщо ви зміните CSS свого веб-сайту.
Це дозволяє Odoo встановити дуже тривалий час затримки кешування (XXX) на цих ресурсах: XXX секунди, при цьому він оновлюється миттєво, якщо ви оновлюєте ресурс.
Масштабованість¶
Окрім того, що Odoo є швидким, він також більш масштабований, ніж традиційні CMS та електронна комерція (Drupal, Wordpress, Magento, Prestashop).
Ось слайд, який підсумовує масштабованість веб-сайту Odoo та електронної комерції.
Файли пошукових систем¶
Мапа сайту¶
Карта сайту вказує на сторінки для індексування роботами пошукових систем. Odoo автоматично створює для вас файл /sitemap.xml. З міркувань продуктивності цей файл кешується та оновлюється кожні 12 годин.
За замовчуванням всі URL-адреси будуть розміщені в одному файлі /sitemap.xml, але якщо у вас багато сторінок, Odoo автоматично створить файл індексу Sitemap, дотримуючись групування у файлі sitemaps.org protocol у 45000 шт. на файл.
Кожна карта сайту містить 4 атрибути, які обчислюються автоматично:
<loc>: URL-адреса сторінки<lastmod>: дата останньої зміни ресурсу, обчислена автоматично на основі пов’язаного об’єкта. Для сторінки, пов’язаної з продуктом, це може бути дата останньої зміни продукту або сторінки.<priority>: модулі можуть реалізувати власний алгоритм визначення пріоритетів на основі свого вмісту (приклад: форум може призначити пріоритет на основі кількості голосів за певну публікацію). Пріоритет статичної сторінки визначається її полем пріоритету, яке є нормалізованим (за умовчанням 16).
Розмітка структурованих даних¶
Розмітка структурованих даних використовується для створення розширених фрагментів у результатах пошукової системи. Це спосіб для власників веб-сайтів надсилати структуровані дані роботам пошукових систем; допомагаючи їм зрозуміти ваш вміст і створювати добре представлені результати пошуку.
Google підтримує безліч багатих фрагментів для типів вмісту, зокрема: огляди, люди, продукти, компанії, події та організації.
Odoo реалізує мікро-дані, як це визначено в специфікації schema.org для подій, продуктів електронної комерції, повідомлень форуму та контактних адрес. Це дозволяє відображати ваші сторінки продукту в Google за допомогою додаткової інформації, такої як ціна та рейтинг продукту:
robots.txt¶
Під час індексації вашого веб-сайту пошукові системи спочатку дивляться на загальні правила індексації файлу /robots.txt (дозволені роботи, шлях до карти сайту тощо). Odoo створює його автоматично. Його зміст:
User-agent: * Sitemap: https://simbiozems.com/sitemap.xml
Це означає, що всім роботам дозволено індексувати ваш веб-сайт, і немає інших правил індексації, крім указаних у карті сайту, яку можна знайти за наступною адресою.
Ви можете налаштувати файл robots через режим розробника з Налаштування –> Технічний –> Інтерфейс користувача –> Представлення (виключити роботів, виключити деякі сторінки, переспрямувати на спеціальний Карта сайту). Зробіть дані моделі перегляду Неоновлюваними, щоб не скидати файл після оновлення системи.
Соціальні мережі¶
Odoo дозволяє відображати всі ваші облікові записи в соціальних мережах у підвалі (футері) вашого вебсайту. Все, що вам потрібно зробити - це вказати всі ваші облікові записи у налаштуваннях вашої компанії.