Інструкція по створенню affiliate сайтів (сайтів під партнерки)

Даний мануал показує процес швидкого створення affiliate сайту на WordPress без допомоги розробників в найкоротші терміни. Важливо – якщо ви любите бомжатські варіанти за копійки – це мануал не для вас. Тут ми будемо будувати сайт на якісній інфраструктурі та якісній темі.

Витрати:

  • Хостинг $120 на рік – на анлім кількість сайтів.
  • Тема $318 на рік – на анлім кількість сайтів.

Що отримаємо на виході:

  • Сучасний адаптивний дизайн.
  • Рейтинг 70 + для Mobile Core Web Vitals і Google Page Speed Insights.
  • Повністю підконтрольні області сайту – header, меню, footer, сайтбари, контентний блок.
  • Сучасна якісна drag n drop верстка, без допомоги верстальника або програміста.
  • Налаштування будь-яких патернів URL для будь-яких типів сторінок.
  • Повністю SEO-friendly – від мета-тегів до мікро-розмітці і hreflang.

Що будемо юзати:

  • Дефолтний WordPress з автоустановкою на будь-якому хостингу
  • Тему і фічі від Thrive – Thire Themes Thrive Architect
  • CloudFlare для склеювання дзеркал і кешування
  • В даному випадку – хостинг SiteGround* оскільки він якісний і має купу вбудованих зручних фішок.

* Важливо з березня 2021 посилилися правила реєстрації – тепер обов’язково потрібно ввести СМС/прийняти дзвінок з іноземного номера. UK/US/Canada. Не вводьте російські та українські номери – смс не прийдуть, а бабки спишуть, потрібно буде запитувати повернення коштів.

Однак, реєстрація в ньому не така вже й проста – тому як альтернатива піде Ukraine, Fozzy або будь-який інший

Хостинг і сетап WP

Як зареєструвати аккаунт на SiteGround з 99% ймовірністю.

Реєстрація на хостингу

Отже:

  1. Вибираєте тариф
  2. Вибираєте країну США
  3. Вибираєте не рідкісний штат, а нормальний – типу Флориди або Каліфорнії
  4. Йдемо в Google Maps в обраний штат, тикаємо на вулицю яка сподобалася – копіюємо всю інфу і вбиваємо
  5. Вбиваємо номер в міжнародному форматі + (код країни) (номер)
    Приклад “+150*********” – по-іншому СМС не прийде. Де знайти номер – я регаю через фрі сервіс temporary-phone-number – номери можуть періодично вмирати, дивіться нові. Як перевірити, що сервіс який ви вибрали прийме СМС від SiteGround? Все просто – робите лівий аккаунт на GoDaddy і в профілі включаєте двофакторку на тимчасовий номер сервісу. Якщо СМС від Godaddy прийшло – прийде і від SiteGround – у них один шлюз відправки і майже однаковий анти-фрод.
  6. Вбиваємо карту, оплачуємо
  7. Вводимо СМС від провайдера лівих номерів
  8. Потім у вас спишуть дрібну суму з карти – потрібно буде її вбити.

Все! У вас супер хостинг за супер ціною.

UPD: – добрі люди накидали ще хороших сервісів, куди можна прийняти СМС.
UPD2: якщо ви не пройшли реєстрацію – не прийшла СМС – у слідуйчий раз вбивайте іншу карту, інакше зв’яжуть акаунти і побанять
UPD3: краще взяти у реальну сімку в ЄС і прийняти СМС на неї.

Підсумок: реєструєтеся, встановлюєте коробку WordPress в 1 клік і можна починати.

Налаштовуємо схему: реєстратор CDN-хостинг

Базова схема настройки всієї конструкції:

  1. Потрібно отримати NS у CloudFlare
  2. Прописати NS CloudFlare на хостингу
  3. Потрібно отримати IP хостингу
  4. Прописати IP хостингу в CloudFlare
  5. Готово!

Розберемо докладніше:

Як змінити NS у реєстратора?

  • У кожного реєстратора свій інтерфейс, але в цілому це знаходиться в Налаштуваннях домену
  • На прикладі найпопулярнішого реєстратора – GoDaddy-заходимо в “мої продукти” — > управління DNS –>  вводимо NS-сервера, які отримали в CloudFlare
  • Йдемо в CloudFlare – натискаємо “перевірити”.

Процес сетапа CloudFlare

  1. Додаємо сайт (так, у вас для всієї цієї схеми повинен бути домен)
  2. Вибираємо Free тариф
  3. Вказуємо IP вашого хостингу

Де взяти IP хостітнга?

  • SiteGround: на вкладці “Websites” навпроти потрібного сайту вибираємо – site tools.
  • Далі відразу бачимо IP сервера.
  • Міняємо в CloudFlare A-запис = IP сайту – на той, що взяли у хостера і тиснемо Продовжити.
  • Далі CloudFlare видасть вам NS-сервера, які потрібно вказати у реєстратора.

CDN & SSL (HTTPS)

Для SSL (HTTPS) рекомендую юзати CloudFlare – вистачить безкоштовної версії. Чому?

  1. Безкоштовний SSL-сертифікат (SSL)
  2. У CF багато опцій по роботі з кешуванням
  3. Базовий захист від DDoS
  4. Можна налаштовувати редиректи і склейку дзеркал прямо через CF
  5. Не палите реальний хостинг, що досить приємно – як для того, щоб заховати себе так і свої PBN.

Важливо! У безкоштовної версії CF – один NS на всі сайти. Якщо хочете ховати свої дропи – купіть платну версію або регайте акаунти під кожен сайт.

Які ще є варіанти?

  • SiteGround пропонує безкоштовний SSL сертифікат “з коробки” – можна юзати його
  • Можна купити свій сертифікат і налаштувати все “руками” – але мені лінь. Та й навіщо? 🙂

Вирішення проблеми http на тесті vs https

Якщо ви робите сайт на локальному комп’ютері або створили сайт без HTTPs, і використовували міграцію на Siteground – змінити ім’я і URL сайт на HTTPS не вийде – WP не дасть.

Для цього юзаємо плагін Simple HTTPS – він замінить в базі всі шляхи з HTTP на HTTPS.

Ставимо даний плагін, далі – включаємо плагін, активуємо – все має запрацювати. Якщо не працює – куримо мануал. Класичний приклад такого багу – на сайті не будуть відображатися картинки. Якщо ви створюєте сайт відразу на хостингу – даної проблеми бути не повинно

Міграція на siteground з тестових майданчиків

Зробили сайт на локальному комп’ютері? Або на іншому хостингу і хочете перенести на SiteGround? – у них є крута фіча-плагін для WP – Migrator – і працює він наступним чином:

  1. На SG створюєте новий сайт і вибираєте “міграція” – отримуєте ключ
  2. Ставите плагін у свій WP, вводите ключ і тиснете “далі”
  3. Через 1-5 хвилин сайт буде вже на хостингу з усіма настройками

Бекапи

Бекапи нам потрібні:) якщо ми щось зламаємо або нам зламають. Можна юзати будь-які плагіни, але я юзаю вбудований функціонал SiteGround. Бекапи робляться автоматично. Але можна робити і вручну.
Автоматом бекапиться код і база, розгортається так само автоматом.

Налаштування Cloudflare

Після того як прописали NS-сервера CloudFlare у реєстратора і направили CloudFlare на IP хостингу – настав час його засетапити.

Що налаштовуємо?

  1. HTTPS = SSL – якщо не хочете паритися з установкою на хостингу – включаємо відразу – це безкоштовно
  2. Always use HTTPS – по факту склейка дзеркал в 1 клік
  3. Авто-стиснення JS/CSS / HTML засобами CDN – на етапі сетапа я не включаю щоб було простіше ловити баги. Увімкніть потім – зараз не треба.
  4. Brotli-стиснення. Я включаю, особливо ніяк на роботу сайт не впливає.
  5. Готово!

Можна зробити ще краще, для цього:

  • Перевіряємо розділ Cache в CloudFlare – повинен бути включений.
  • Включаємо на SG прискорення на рівні сервера – Nginx Direct Delivery.
  • Врубаємо і налаштовуємо MemCached (опціонально) – дасть приріст сайтам де багато динамічного контенту, вибірок з БД, сортувань на лістингах і т. д.

Сетап тем і плагінів WordPress

Що нам знадобиться з тем і плагінів

  • Тема – Thrive ShapeShift від ThriveThemes + плагін ThriveArchitect

Складається з двох плагінів

  1. Thrive Product Manager
  2. Thrive Architect
  • Для SEO-Rank math / Yoast SEO – за смаком
  • Permalink Manager Lite – управління URL – дає робити будь-які URL для будь-яких сторінок, ігноруючи структуру WP (категорії, теги та інше сміття)
  • Really Simple SSL – якщо ви переносите сайт без HTTPS на бойовий сервер – виправить биті URL. Потрібно в 90% випадків – практично всі хостинги створюють сайт з HTTP
  • WPML – опціонально робимо наш сайт багатомовним з коробки!
  • ВСЕ, більше нічого не потрібно для старту.

Перша і важлива настройка

Поки пиляємо сайт – наш домен вже доступний! Потрібно закрити його від індексу.
Закриваємо у налаштуваннях – автоматом скрізь пропишеться Noindex

В Налаштуваннях вибираємо кастомну структуру URL – щоб ми могли прописувати які завгодно ЧПУ (/%postname%/)

Пам’ятайте, що Custom патерн урла не може бути порожнім! Інакше настройка просто не збережеться

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

Really simpe ssl

Завантажуємо плагін з магазину плагінів – вбиваємо в пошук назву плагіна

УВАГА – Я тестував тільки цей плагін на коректну роботу. Інші плагіни можуть викликати нескінченні редиректи в адмінці та інші артефакти. А можуть і не викликати 🙂

Активуємо плагін в 1 клік.

Якщо далі не буде запускатися Thrive Themes – швидше за все проблема в HTTPS. Гайд з пошуку таких проблем.

А ще CTRL + SHIFT + J показує, що конфліктує

Встановлення та налаштування Rank Math

  1. Як і будь-який плагін на WP-Rank math встановлюється в магазині плагінів –> Activate –> потрапляємо у ВІЗАРД Налаштування.
  2. Можете скіпнути логін в акаунт, але краще зробити (дозволяє зберігати бекапи і інші плюшки).
  3. Вибираємо розширені налаштування. Вбиваємо базові настройки сайту (ніша, ім’я, тощо).
  4. Налаштовуємо що буде потрапляти в авто-генерений сайтмап. Я не додаю категорії, бо їх не юзаю. Юзаєте – додавайте.
  5. Можна налаштувати, щоб порожні категорії і теги відразу були в noindex – на ваш розсуд. Я юзаю
  6. Налаштовуємо вбудований захист від дурня – якщо на вашому affiliate проекту будуть працювати редактора / контентери – можна відразу заборонити їм ламати мету та інші SEO-Налаштування.
  7. Врубаємо дві прикольні настройки:
    1. Монітор 404 помилок – буде показувати звіт якщо трафік йде на 404
    2. Менеджер редиректів – зручна штука, щоб не писати регулярки в HTACCESS – стане в нагоді
  1. Залежно від типу вашого контенту – налаштовуємо пре-сети мікро-розмітки Schema. Я юзаю для Review-кластера типу сторінок – pages, ніколи не post – тому завжди роблю там типу Article. Якщо не знаєте як точно буде виглядати контент – не партеся, залиште дефолтні настройки, як я ☻ потім можна поміняти. Але те, що мікро-розмітка є з коробки – вкрай приємно
  2. Мета-теги і канонікли. Важливо поки сайт закритий від індексу – Canonical не буде видно в коді

Додаткові плюшки та фічі

  • В цілому у плагіна купа налаштувань і фіч – можете покопатися.
  • Всі коди аналітики підключаються в 1 клік.
  • Можна правити robots і htaccess прямо з інтерфейсу плагіна.

Ставимо плагін з магазину плагінів, переходимо в Налаштування.

Включаємо слеш-склеювання (чекбокс slashes redirect).
Якщо не хочете десь робити свої кастомні URL, а слідувати базовим налаштувань WP – поставте галочки у постах та сторінках.

Якщо у вас проблема з URL – наприклад неможливо виставити кастомний патерн URL в Налаштуваннях WP-натисніть кнопку Fix custom permalinks в Налаштуваннях плагіна

Налаштування Thrive

Потрібно купити доступ до фреймворку. Це не просто тема – там ще купа маркетингових пропозицій – від збору підписників, квізів і повноцінного функціоналу онлайн курсів. Купуємо suite у thrivethemes.

Качаємо плагін в особистому кабінеті і встановлюємо.

Встановлюємо плагін у WP за допомогою завантаження плагіна

Після установки плагіна з’явиться Thrive Product Manager – там логинимося в свій акк Thrive

Ставимо Thrive Architect і тему. Більше нічого для даного гайда нам не знадобиться, але інші їх продукти теж круті – погугліть.

Далі активуємо тему — > починаємо налаштовувати
Важливо не пробуйте встановити Legacy теми – вони застарілі. Все, що вам потрібно є в поточній темі – ShapeShift.

Які ще плагіни можуть стати в нагоді?

В цілому – все залежить від ваших потреб.

З корисних – WordFence для захисту від брута і WPML – для створення багатомовної версії.

Як зробити ідеальну affiliate сторінку

Юзаємо тільки Pages – оскільки 90% сторінок – це review – там можна робити все що завгодно.

Що нам потрібно для ідеальної review – сторінки?

  1. Title, Description, H1
  2. Перший екран з featured product
  3. Рейтинг продуктів
  4. Текст, картинки, списки, таблиці і ось це ось все
  5. Блок з автором
  6. Щось ще до смаку 🙂

Важливо працюючи з Thrive не можна використовувати стандартний редактор WordPress – це поламає всю верстку. Вся тема і дизайн підкоряються фреймворку Thrive.

Якщо ви натиснете Edit поста або сторінки то потрапите в режим редагування – вкрай важливо нічого не додавати в звичайному редакторі і завжди натискати “Edit with Thrive Architect”.

Отже, запилимо Review-сторінку

  • Title, Description робимо через Rank Math
  • Всі потрібні елементи знаходяться з права в панелі Thrive – просто як конструктор Drag and Drop перетягуємо все, що нам потрібно в контентний блок
  • Все – набиваємо тими, елементами, які потрібні на Ленді
  • Всі елементи адаптивні з коробки
  • Кожен едлемент можна кастомізувати – натисніть на нього і опції з’являться в лівому меню – приклад як додати пункти в списки.
  • Блок “Автор” додає в режимі редагування шаблону сторінки, не контенту – так само – просто перетягуєте в шаблон і на всіх сторінках, зроблених на цьому шаблоні з’явиться блок з автором

Робимо логотип самостійно без дизайнерів

Потрібне круте лого для сайту, але чортові дизайнери-фрілансери пропадають?

Знайшов рішення looka – крутий сервіс який генерить класні логотипи і віддає в потрібному форматі!

  1. Вибираємо індустрію
  2. Вибираємо стайли які нам подобається
  3. Кольори
  4. Вводимо назву сайту / бренду і слоган
  5. Патерни символів
  6. Отримуємо круті лого!

Ціна – $5!

Проблеми на сайті та шляхи їх вирішення

Боти, дивні відвідувачі, кеш.

  1. Скидаємо кеш в CloudFlare (Purge у вкладці Cahing)
  2. І в адмінці

Дзеркала не склеїлися автоматом

  • Рекомендую використовувати CloudFlare Page Rules і там прописати маску редиректів.
  • У CF є функціонал Page Rules

Докладний хелп з написання правил знаходиться нижче – можна зробити взагалі будь-які редиректи, нічого не програмуючи.

Базові маски для склеювання дзеркал:

WWW-склейка HTTP://*.     .com / — > https://    .com

WWW-склейка HTTPS://*.   .com / –>https://     .com

Що ми отримаємо в результаті?

Готовий, технічно ідеальний сайт (вся технічка працює).

Повністю підконтрольний до кожного пікселя адаптивний дизайн

Ні строчки коду

Без дизайнерів фрілансерів

Витратили менше 300 баксів

Термін запуску 2-3 дні щільної роботи

Дизайн і структура сторінок легко реюзается на інші сайти / PBN

ENJOY! Автор Олег Шестаков.

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

Оцініть статтю
Додати коментар