fbpx

Новини, вдъхновяващи истории, ръководства и какво ли още не

Обичам да изливам мислите си на ред, два или или повече!

BackUp на WordPress уеб сайт

BackUp на WordPress уеб сайт – ревю на плъгина UpDraft Plus

 

BackUp на WordPress уеб сайт

 

Backup-ът (или на чист български език – резервно копие на файловете) е най, най-сигурният начин да подсигуриш уеб сайта си и неговото съдържание. Със система за управление на съдържанието като WordPress (и всички прилежащи разширения) едно е сигурно – shi*s happen’ all the time.

 

Какво имам в предвид?

Както бях споменала в статията си Поддръжка на уеб сайт, всяко нещо (уеб сайт, автомобил, психика, тяло… ти избери), което бъде оставено без актуализации и поддръжка, рано или късно атрофира и рухва!

Та, приемам, че щом си стигнал до тук, си наясно колко е важно да има backup на уеб сайта и всички файлове на системата, затова продължавам по същество!

В практиката си съм тествала много и различни варианти за подсигуряване – от ръчно сваляне на базата данни и системните файлове, до различни плъгини (разширения).

Днес реших да направя ревю на посочвания като най-добър плъгин за WordPress Backup – UpDraft Plus!

 

Как UpDraft Plus се откроява от конкурентните плъгини?

UpdraftPlus е най-високо оцененият и най-инсталиран плъгин за резервни копия в хранилището на WordPress. Но наистина ли е най-добрият WordPress резервен плъгин? Възнамерявам да проверя лично и чрез поредица от тестове!

Нека погледнем отблизо Updraft Plus и как той стои пред конкурентите си.

За да направя сравнение, от другата страна ще поставя един от любимите ми плъгини за backup и миграция – All in One WP Migration. Позволява изтеглянето на всички системни файлове, съдържание и база данни в един файл. Уеб сайта може да бъде възстановен директно от менюто на плъгина, или чрез качване на въпросния файл през FTP клиент. Изключително удобен при мигриране на уеб сайт от един хостинг акаунт в друг.

Недостатъкът тук е, че всичко се случва ръчно. Трябва да бъде инициирано изготвянето на резервно копие. И ако искаш да имаш пълен backup, то след всяка промяна по уеб сайта е хубаво да теглиш такова, което да съхраняваш и локално.

За разлика от него, UpDraft Plus идва с възможността да насрочиш изготвяне на резервно копие на всеки 2 часа, всеки ден, ежеседмично или ежемесечно. При това БЕЗПЛАТНО и напълно автоматично.

Както може да се увериш, интерфейсът на разширението е изключително интуитивен и лесен за навигитане:

backup wordpress плъгин

 

Както може би забелязваш, аз съм избрала файловете да се съхраняват на външен сървър, като в случая това е DropBox. Това е и едно от другите предимства на UpDraft Plus – може да избереш между няколко различни опции за съхранение на ревервните файлове. Например – Google Drive, DropBox, Microsoft OneDrive и други.

След оторизиране към съответния външен сървър, плъгина си създава папка Apps, а в нея – UpDraft Plus директория, в която ще се съхраняват всичките ти резерни копия. Препоръчвам ти да настроиш плъгина да пази само последните 2 бекъп-а, освен ако нямаш акаунт в OneDrive с 100GB 🙂

dropbox backup

 

Както ще забележиш, освен базата данни и системните файлове, UpDraft Plus прави абсолютен архив и на всички теми и плъгини в WordPress инсталацията ти.

Платена или безплатна версия?

Безплатната версия може да се изтегли от хранилището на WordPress. Тя е абсолютно достатъчна, ако искаш да настроиш и планираш пълно архивиране на сайта. Можеш също така бързо да възстановиш сайта си, в случай че… нещо се обърка. Безплатната версия също така ти позволява да настройваш отдалечени архиви към Dropbox, Google Drive, Amazon S3, UpdraftVault, Rackspace Cloud, FTP, DreamObjects, Openstack Swift или имейл (яко,а?!).

Ценообразуването на премиум версията започва от $ 70 за лиценз на 2 уеб сайта. С нея получаваш достъп до всички добавки, безплатна поддръжка и актуализации за една година, както и 1GB съхранение за абонамента UpdraftVault.

Разбира се, в хранилището може да откриеш много и различни решения за създаване на backup за WordPress уеб сайт. Но по мое мнение си заслужава поне да опиташ с UpDraft Plus (не губиш нищо).

 

А ако всичко това ти се струва сложно или пък… нямаш време, то не се колебай да се свържеш с мен и да обсъдим как мога да ти съдействам да имаш подсигурен и винаги работеш (200 OK status) уеб сайт!

 

 

Поддръжка на уеб сайт

Поддръжка на уеб сайт- в какво се състои?

 

Поддръжка на уеб сайт

 

В тазседмичната статия – Поддръжка на уеб сайт, ще разгледам защо този процес е също толкова важен, колкото и самото изграждане и наличие на уеб сайта.

Като всеки материален аспект от живота ни (а дори и нематериален – като личността например) има нужда от необходимото развитие и поддръжка. Замисли се – ако не палиш редовно стария си автомобил, вероятността да си навлечеш проблеми с него е голяма. Ако не поддържаш градината на вилата си зелена и без плевели, то скоро тя ще се превърне в една мини джунгла. Ако не поддържаш тялото си във форма със спорт и натурална храна, то един ден, поглеждайки се в огледалото, може и да не си съвсем очарован.

Стига с примерите. Съвсем естествено се досещаш, че всичко казано по-горе важи и за поддръжката на уеб сайт.

За да бъда максимално полезна, реших да разделя видовете поддръжка на уеб сайт на три, а именно – поддръжка на съдържанието, техническа поддръжка и такава с надграждане.

Да започваме!

Поддръжка на съдържанието на уеб сайт

Поддръжка на уеб сайт

“Съдържанието на първо място е причината за появата на търсенето”

Обичам да казвам, че светът, в който живеем, е като шведска маса. Има за всеки по нещо, по много и от всякакъв вид. Именно това ни провокира да търсим, проучваме и искаме нова и нова информация. Същото важи и за уеб сайта ти и неговите потребители.

Без значение дали си ориентиран в онлайн търговията, дали си фотограф, или пък ръководиш счетоводна кантора – новото и полезно съдържание е от критична важност що се отнася до автентичността и полезността на уеб сайта ти.

Независимо от естеството на бизнеса или заниманието ти, съм сигурна, че би могъл да бъдеш полезен с авторски статии, персонализирани видео материали или снимки, упътвания и пр.

Това дава на потребителя, “кацнал” на уеб сайта ти

усещане за достоверност, автентичност и най-вече – усещане за доверие.

Да вземем за пример счетоводната къща. Ще си кажеш – “В уеб сайта на такъв тип бизнес е необходимо да присъстват услугите, които се предлагат, както и контакти.” И това би било достатъчно. Преди 10 години. Сега си представи – ти си потребителят, който търси опитен счетоводител, на който да довери документалната работа по току-що стартиралата ти фирма. В SERP резултатите (страницата, която Google отваря, след като въведеш критерий за търсене) кликаш на един от резултатите. Отваря се добре структуриран сайт, ясно представени услуги, информация за компанията и контактна форма. Нищо друго. Отваряш и втори резултат от проведеното търсене. Но в този сайт виждаш нещо повече – виждаш статия “Как да попълним годишната си данъчна декларация?”, друга с гръмкото заглавие “Полезни съвети при документиране на продажбите на онлайн магазините” и пр. Зачиташ се. И с удоволствие установяваш, че от другата страна на монитора е застанал човек с необходимата компетенция, доказана и в полза. Професионалист, който си разбира от работата.

Дори да не го наемеш светкавично, то шанса да се върнеш към този уеб сайт, когато търсиш полезна информация, или когато вече си готов да ангажираш специалист, е много по-голям, отколкото към първия пример, в който имаш информация, която не се обновява и не дава добавена стойност.

Но поддръжката на съдържание не се състои само в писане на статии и съставяне на упътвания. Тя е много повече.

В повечето уеб и дигитални агенции тя включва:

  • добавяне и оптимизиране на изображения.
  • добавяне и оптимизиране на продукти (при онлайн магазините).
  • оптимизация за търсещи машини (SEO).
  • обновяване на XML записи с продукти (отново за онлайн магазините).
  • популяризиране на съдържанието (социални мрежи).
  • редактиране на вече съществуващо съдържание с цел оптимизация за търсещи машини.

В зависимост от нишата, в която развиваш уеб сайта си, може би ще има и по-специфични задачи по поддръжката на съдържанието. Но едно е сигурно – то е важно (смея да кажа колкото самото съществуване на уеб сайта) и трябва да се отнасяш към него с постоянна грижа.

 

Техническа поддръжка на уеб сайт

техническа поддръжка на уеб сайт

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

Най-често в офертата за техническата поддръжка на уеб сайт ще откриеш:

  • регулярно обновяване на софтуера и всички прилежащи към него файлове.
  • мониторинг на сървърните процеси.
  • оптимизиране скоростта на зареждане и следене на показателите, влияещи й пряко и косвено.
  • менажиране на хостинг акаунт – създаване и редактиране на имейл акаунти, поддомейни, обновяване на PHP версия и пр.
  • своевременно отстраняване на грешки.

Разбира се, в зависимост от системата, на която е изграден уеб сайта (дали използва CMS, ако да – какъв, дали е изцяло custom решение и пр), перата по техническата поддръжка могат да бъдат много и различни.

Но едно е сигурно – тя е абсолютно необходима и трябва да бъде редовно извършвана.

В практиката си често съм попадала на случаи, в които след пропускане на обновяване на софтуера, да речем, цялото съдържание на уеб сайт е загубено. В една от последните ми статии може да научиш как например обнових уеб сайт, изграден посредством WordPress, от версия 2.6 до версия 5.2 (грубо казано – 9 години никаква техническа поддръжка).

 

Поддръжка на уеб сайт с надграждане

поддръжка на уеб сайт с надграждане

Този тип поддръжка е следствие от комбиниране на по-горе посочените видове, но и много повече от това.

Ще се върна към любимите си примери. Имаш уеб сайт от 4 години. Редовно обновяваш съдържанието му, пишеш статии, актуализираш софтуера му и пр. Но има нещо, което прави уеб сайта ти недотам любим за потребителите. Кое е? Външният вид или по-скоро – дизайна на уеб сайта. И под дизайн нямам в предвид само цветове, шрифтове и разстояния. Имам предвид начина, по който потребителя се чувства, докато сърфира из страниците (т.нар. User Experience дизайн).

На всеки няколко месеца (че и по-кратки периоди) ставаме свидетели на нещо ново, което скоро превзема всички “модерни” и силно посещавани уеб сайтове. Например – бутона за “нещо ново”, който може да видиш в мобилната версия на по-добрите уеб сайтове. Обикновено е в десния долен ъгъл (на един клик от палеца на ръката ти) и “под” него се крие ключов линк – към контакти, към добавяне в кошница, към страница с услуги и пр.

Друг пример – така модерните в момента персонализирани интерактивни  илюстрации, вместо изображения. Определено хващат и задържат вниманието на потребителя. Карат го да има усещането, че е попаднал на място, на което всичко е направено специално за него, а на това отгоре – му е и забавно.

Какво имам предвид с тези примери? Интернет и представянето на съдържание се изменят ежедневно. Новите тенденции са “нови” месец или два, след което идва нещо още по-зашеметяващо от преди.

И в този ред на мисли – ако искаш уеб сайта ти да е привлекателно и полезно място за потребителите, то освен ново съдържание и коректно работеща система, то трябва да заложиш и на регулярни актуализации в дизайна и ползваемостта на парченцето си уеб.

Надявам се с тези няколко реда да съм внесла яснота по въпроса “Що е то поддръжка на уеб сайт?”, а също и защо тя е толкова важна и необходима.

 

А ако желаеш да изготвя персонализиран план за поддръжка на твоя уеб сайт, то не се колебай да се свържеш с мен!

 

 

Оптимизиране на изображения за уеб сайт

Оптимизация на изображения за уеб сайт [пълно ръководство] – част 1

 

Оптимизация на изображения за уеб сайт

Оптимизация на изображения за уеб сайт – вече не е това, което беше! Google отдавна не се “радва” на уеб сайтове, изпълнени със стотици изображения без описание, по-големи от необходимото и с размер от рода на 6MB.

Точно поради тези причини, в настоящото ръководство ще ти дам насоки как да оптимзираш изображенията в уеб сайта си така, че големия G. да им се радва и да имаш 6+ при тест за оптимизация за търсещи машини.

В предстоящите редове (надявам се да не стане роман), ще ти разкрия не само за до болка познатите ни alt атрибути, но също и как да сервираш изображения, съобразени с мобилната версия на уеб сайта. Ще мина също и през XML картата на сайта, структурираната информация (structured data), и последно, но не и по значение – как да подбираш изображенията така, че да привличаш и задържаш потребители.

Започваме ли?

Като начало – ето пълен списък с всички теми, които ще покрия:

Структура на изображенията

  • Използване на оригинални изображения
  • Премахване на текст от изображения
  • Премахване на излишните изображения

Подготовка на изображенията

  • Използване на съотношение 4:3 или 16:9
  • Оразмеряване на изображенията за размера, за който ще се използват
  • Употреба на изображения с висока резолюция (HD или Retina)
  • Използване на т.нар. next-gen формати за изображения
  • Компресиране на изображения
  • Употреба на описателни заглавия за изображения

Сервиране на изображенията

  • Включване на кеширането
  • Употреба на отдалечена мрежа за доставяне на съдържание (CDN)
  • Употреба на т.нар. lazy loading

Идентифициране на изображенията

  • Попълване на alt атрибуртите
  • Употреба на caption

Та, време е да започна по същество, или да дам старт на първата част от това ръководство!

 

Оптимизация на изображения за уеб сайт

Най-добрите практики, що се отнася до оптимизиране на изображения за уеб сайт, се променят след всеки ъпдейт на алгоритъма за търсене на Google. Преди да стартирам с по-горе посочените точки, ето бърз анализ на положението в момента, изхождащ от настъпилите промени през последните 2 години.

За известен период от време, оптимизирането на изображенията за търсене беше считано за недотам важно действие. През 2013 г. от Google са добавили бутон за преглед на изображенията (view image) в резултатите от търсенето. Така, при търсене на изображения в Google, кликвайки на даден резултат, потребителя е бил пренасочван към страница само с изображението, а не към страницата, част от която е изображението (и съответно останалото съдържание). Това е довело до средно 63% загуба на трафик за уеб сайтовете.

През 2016г. от Getty images (уеб сайт – банка за стокови изображения), официално заявяват недоволството си от въпросния бутон пред Европейската комисия. С това си действие от Getty принуждават търсачката гигант да премахне бутона “view image”. Така при търсене в мрежата, кликвайки върху изображение, потребителя бива прехвърлен към страницата (с цялото й съдържание), на която се намира изображението, а от този момент оптимизацията на изображения за уеб сайтове отново влиза в играта като определящ органичния трафик фактор.

 

Алгоритмите за разпознаване на изображения стават все по-добри в идентифицирането на изображения

В тази секция на статията ще подходя с директен пример. Виж изображенията по-долу:

оптимизиране на изображения - Vision AI - faces оптимизиране на изображения - Vision AI - Objects оптимизиране на изображения - Vision AI - web

Тествайки изкуствения интелект на Google за разпознаване на изображения – Vision AI, останах изумена от това колко много знае той за това какво точно се съдържа в картинката. При това без никакви указания от името на изображението. 😉

Ако един алгоритъм може да се погрижи за основите, тогава трябва да насочим вниманието си към по-важните неща, което ни води до…

Семантична оптимизация за търсещи машини (Semantic SEO)

Алгоритмите за разпознаване на изображения не са единствените, които са получили ъпгрейд. Алгоритмите, които обхождат и консумират страниците ви, вече не търсят ключови думи, търсят точни съвпадения, за да разберат за какво се отнася самата страница. Сега те анализират цялото съдържание, за да разберат по-добре връзките между ключови думи и други важни думи, свързани с темата.

Това позволява на т.нар. паяци (web crawlers)  да обхождат страниците на уеб сайта ти, за да разберат по-дълбокия смисъл на съдържанието му. Тоест – ако някой търси информация за темата на твоя уеб сайт, като използва синоним или вариант на правопис на твоята насочена ключова дума, търсачката ще може интуитивно да продължи да им предлага твоята уеб страница като качествен вариант. Това се нарича семантично търсене.

Отношенията между ключовите думи и начина, по който те се отнасят до дадена тема, придобиват все по-голямо значение. Ключовите думи са все още важни, но е важно и да разгърнем погледа си и към по-голямата картина.

 

Скоростта на зареждане на уеб сайта ти наистина е от значение

През юли 2018 г. Google обяви, че скоростта на уеб сайта е фактор за класиране в резултатите при мобилни търсения. По-рано скоростта на страницата беше само фактор за класиране за търсенията, извършени от настолен (desktop) компютър.

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

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

оптимизиране размера на изображения

Може да ти се струва, че изпадам в твърде много подробности, но тук целта е да разкрия по-голямата картинка и процесът и дълбокия смисъл на оптимизацията на изображения да стане ясен и смислен.

 

Оптимизация на изображение, което е подходящо за търсене

Използване на оригинални изображения

Спри да използваш т.нар. стокови изображения! Особено тези на усмихнати хора в офис (на които често може да видиш някой китаец, нищо, че таргет групата ти е в България)  Оригиналните изображения се справят много по-добре в търсенето, отколкото стоковите изображения, затова развихри въображението си, извади смартфона си с 24mp камера, или пък DSLR камерата си, и направи няколко авторски изображения. Google ще възнагради оригиналността ти.

Ето какво казват самите Google „Уверете се, че визуалното ви съдържание е подходящо за темата на страницата. Препоръчваме ви да използвате изображения, които добавят оригинална стойност към страницата. Особено обезкуражаваме страниците, на които нито изображенията, нито текстът са оригинално съдържание.“

Премахни излишните изображения

Не създавай много изображения, само за да запълниш пространство на страницата си (освен ако не си фотограф и сайта ти не служи като портфолио). Идеята тук е да използваш изображения като способ за подобряване и поясняване съдържанието на страницата, както и като допълнителна информация. Както споменах по-рано, изображенията добавят много тяга към уеб страниците, така че ако изображението няма да подобри съдържанието ти, разкарай го.

Отново според Google, уеб страниците с по-малко, но съответстващи и авторски изображения, конвертират много по-добре, отколкото тези, изпълнени с “тонове” стокови, безсмислени изображения.

Не добавяй текст В изображенията

Важно е да избегнеш  включването на текст в изображенията си. Ако искаш да имаш декоративно заглавие върху дадена снимка, то го създай с помощта на HTML и CSS. Това не само подобрява достъпността и четливостта, но и спомага за по-отчетлив и добре изпълнен адаптивен дизайн.

 

Подготовка на перфектно оптимизираното изображение

След като решиш какво точно ще бъде изображението, което ще качиш в уеб сайта си, е важно да изпълниш още няколко стъпки, за да подготвиш напълно. Изображение, което е подходящо оразмерено, компресирано, в следващо поколение формат (JPEG 2000 например), с описателно заглавие, ще се представя много по-добре в търсенето.

Регулиране на размерите

Ако си забелязал, когато използваш Google изображения, изключително големи и изключително широки (като панорамни изображения) обикновено не се показват при търсене. Най-често ще намериш изображения, които се придържат към съотношенията 4: 3 или 16: 9. За всичко останало трябва да зададеш търсенето си с правилните параметри.

Мащабиране на изображенията

Мащабирането на изображенията означава да ги преоразмериш до размерите, които ще използваш на сайта си. Когато изображенията са по-големи или са преоразмерени посредством HTML или CSS (примерно <img src=”sofia_1.jpg” width=”400” height=”500” alt=”София през нощта”/>, това създава допълнителна работа за браузъра и забавя скоростта на страницата, което определено не е добре.

Извод – добавяй изображенията предварително мащабирани за пространството, което ще заемат на уеб страницата. Може да видиш това пространство посредством браузъра и неговите developer tools.

Също, може да тестваш дали имаш по-големи от необходимото изображения посредством инструменти като GTmetrix или PingDom.

Ако имаш твърде много големи изображения, инструмент като Smush Pro CDN може да преоразмери всички тях накуп. Може също да използваш Photoshop за изображения в пакет, въпреки че това работи само за JPEG изображения.

Retina изображения

Устройствата, имащи Retina дисплей, имат два пъти повече пиксели от обикновените екрани. Не можах да намеря никакви доказателства, че Google награждава изображенията на Retina с по-висок ранг на страница, но можем да предположим, че тъй като екраните с висока дефиниция печелят пазарен дял, това ще става все по-вероятно, особено след като Google награждава сайтовете, които осигуряват голям потребителски опит.

Няма официални изявления, че Google награждава Retina изображенията спрямо останалите с по-висок ранг на страницата, но може да се предположи, че тъй като екраните с висока разделителна способност печелят все по-голям пазарен дял, това ще става все по-вероятно и някой ден може да го видим в акция. Особено изхождайки оттам, че Google награждава уеб сайтовете, чието съдържание дава удовлетворение и добро изживяване на потребителя.

Създаването на изображение за Retina дисплеи е лесно. Всичко, което трябва да направиш, е да замениш текущите изображенията на сайта си с версии, които са два пъти по-широки и два пъти по-високи. Сервиране на правилното изображение за различните устройства е малко по-трудно, но може да използваш плъгин като WP Retina 2x, в случай, че уеб сайта ти използва WordPress.

Използване на формати за изображения от следващо поколение

Ако си използвал Google PageSpeed Insights наскоро, може би си забелязал съобщението за възможността „Да се показват изображения от следващо поколение“.

Оптимизация - Следващо поколение формати на изображения

Намерението на Google с това съобщение е не само да спомогне за създаването на по-бърза мрежа, но и да ни провокира да прехвърлим всичките си изображения към техния формат с WebP отворен код. Форматите на изображения от следващо поколение, като JPEG 2000 и WebP, имат превъзходни възможности за компресиране на изображения. Така че, не само страницата ти ще бъде по-бърза, но и ще се възползваш от добрата страна на Google, като използваш предпочитания от тях формат за изображения.

Компресиране на изображенията

Компресирането на изображението е един от най-пренебрегваните начини за създаване на по-малък графичен файл. Направено правилно, посетителите на уеб сайта ти едва ли ще забележат разлика.

А това може да направиш, като използваш инструмент като Adobe Photoshop или други графични редактори, с които да  компресираш изображението преди качване. Друг вариант (който не препоръчвам особено), е да използваш плъгин, в случай, че използваш WordPress платформата.

 

С тази секция завършвам първата част от “Оптимизиране на изображения за уеб сайт [пълно ръководство]”. В следващата част очаквай повече информация за това как правилно да именуваш правилно изображенията си, как да подбираш най-добрите alt атрибути. как да добавяш описание (caption) и още много 🙂

 

WordPress не изпраща имейли

WordPress не изпраща имейли? ЕТО РЕШЕНИЕТО!

 

WordPress не изпраща имейли

Имаш личен блог, фирмен уеб сайт или онлайн магазин и в един прекрасен момент разбираш, че твоят WordPress не изпраща имейли?

Поради неясна за теб причина уеб сайтът ти не изпраща имейли, нито към потребителите, нито към теб самия.

Това е често срещан проблем – WordPress или не изпраща коректно имейли (влизат в папка Спам), или не изпраща такива изобщо. Повечето от хостинг доставчиците не предлагат имейл хостинг. Но това не означава, че уеб сайта ти не може да получава или изпраща имейли.

Да вземем за пример онлайн магазин, изграден върху WordPress с WooCommerce. Клиентът прави нова поръчка, но нито той получава имейл със статус на поръчката си, нито пък ти като администратор получаваш имейл известие за нова такава. За капак нито магическата сфера, нито боба или лещата не дават каквито и да е известия за получен/изпратен имейл.

Това определено би нанесло щети на бизнеса ти, както и би оставило горчив опит от страна на потребителя/клиента.

Та, както се подразбира от заглавието на статията, този път ще предоставя решение на казуса “Wordpress не изпраща имейли”.

Първото нещо, което можеш да направиш е да тестваш уеб сайта си с безплатния плъгин Check Email. Лесен за употреба, както и напълно безплатен, плъгина (разширението) ще провери дали WordPress инсталацията или сървъра може да изпраща имейли.

Check Email plugin

 

След като добавиш и активираш плъгина, отиди в таб Инструменти (Tools) и отвори меню Check Email:

cheeck email tool

 

От отворената нова страница ще видиш поле, в което да въведеш имейл адрес, на който да се изпрати тестовия имейл.

В случая аз правя теста на собствения си WordPress уеб сайт и имам “зелена светлина”, имейл услугата ми работи. Съответно и във входящата си кутия получавам известие за това.

WordPress не изпраща имейли

От теста разбираме също, че WordPress инсталацията и сървъра нямат проблем с изпращането на имейли и е по-редно да се търси такъв в разширението, което ползваш за контакт – Contact Form 7, Ninja Forms, Gravity Forms и пр.

Дотук добре, но какво правим в случая, в който не получаваме тестовия имейл?

Ето решението!

В случая е необходимо да се възползваш от външен SMTP (Simple Mail Transfer Protocol) доставчик.

Вариантите са няколко, като най-популярните са:

  1. Gmail (изпращане на до 3000 безплатни имейла на месец, повече при абонамент за G Suite)
  2. Mailgun (изпращане на до 10000 безплатни имейла на месец)
  3. SendGrid

В случая ще те запозная с конфигурацията, предназначена за Gmail.

Ето какво е необходимо да направиш:

Стъпка първа

Добави и активирай плъгина WP Mail SMTP

WP Mail SMTP

В лявото меню на административното табло, в таб Настройки (Settings) ще откриеш нов елемент – WP Mail SMTP. В неговите настройки може да зададеш имейл адрес, от който искаш да се изпращат бъдещите съобщения, име, от което да се изпращат съобщенията, както и през кой сървър искаш да се случва това. Тъй като статията е посветена на изпращането на имейли през Gmail SMTP, избери Gmail.

SMTP plugin

След като си задал Gmail като метод за изпращане, то ще се появят две нови полета, изискващи Client ID и Client Secret:

За да получиш информацията, необходима на WP Mail SMTP, то посети този уеб адрес и избери Gmail API:

Ще се отвори нова страница, която изисква от теб активирането (Enable) на съотверното API:

От новата страница, която ще видиш след натискане на бутона ENABLE, избери Create credentials:

Ще се отвори нова страница, от която ще имаш избор на тип API, от който трябва да селектираш Gmail API. След него избери Web browser от менюто за „Which API are you using“, а под него избери User data:

След избиране на правилните параметри по-горе и натискане на бутона What credentials do I need, ще се появят две нови полета, като в първото попълни уеб адреса на сайта, а във второто – Autorized redirect URL (може да вземеш линка от административния панел на WordPress и менюто WP Mail SMTP):

autorization

След изпълнение и на тази стъпка, ще се появи ново поле, в което да въведеш имейл, от който искаш да се изпращат имейлите, както и име. И след финалното натискане на бутона Save, ще имаш достъп до вече създадените credentials – Client ID и Client Secret.

finish

Сега вече може да ги добавиш в административните настройки на плъгиуна WP Mail SMTP и да запазиш настройките!

Може да тестваш отново, изпращайки тест имейл до адрес, който желаеш да получиш заветното електронно писмо 🙂

Happy mailing 🙂

 

 

Обновяване на WordPress

Обновяване на WordPress уеб сайт със (много) стара версия

 

Обновяване на WordPress

Като уеб дизайнер (или самурай на предния край), работещ с WordPress, смея да твърдя, че познавам софтуера отлично и съм наясно с всички негови предимства и недостатъци.

Първата ми среща с WordPress бе през 2013 година и оттогава насам симпатиите ми към тази система за управление на съдържанието се превърнаха в ежедневен подход към работата ми.

И, да си дойдем на думата – защо съм решила да ви разказвам за ъпдейти, добре де – обновяване на WordPress, при условие, че това обикновено се извършва с един (буквално) клик?

Ето причината – преди известно време се сблъсках с уеб сайт на клиенти, изграден през далечната 2008 година. Уеб сайта, базиран на WordPress, използваше версия 2.6.3. Откровено – такова “животно” не бях срещала преди това. AUDIOZAVAR – името на уеб сайта, чийто софтуер бе толкова архаичен, подсказваше за предизвикателствата, които ми предстояха по пътя към напълно обновени файлове на системата, както и облик (front-end, или предната част) на уеб сайта.

wordpress 2.6.3
За тези от вас, които не са се натъквали на толкова стара WordPress инсталация, версия 2.6.3

Та, ето и обещаното от заглавието (по подразбиране става ясно, че ще дам обяснение как да обновиш много, много стар уеб сайт, използващ WordPress, до последната версия на системата).

Стъпка ПЪРВА

Направи бекъп на всички файлове (препоръчително през FTP или файловия мениджър на cPanel), както и на базите данни (през phpMyAdmin). След това направи бекъп на бекъпа (с толкова архаична система сигурност няма 😀 ).

Въпреки, че хостинг компанията, на чийто сървър се съхраняват всички файлове на сайта, прави автоматичен бекъп (резервно копие) в повечето случаи на всеки 24 часа, то е добре да не разчиташ само на това и да направиш свое резервно копие (manually).

 

Ето как да стане това:

    1. Копие на базите данни. За да осъществиш това, влез в контролния панел на хостинга, който използваш и потърси таба с базите данни (databases).бази данни в cPanel
      Оттам клик на phpMyAdmin. Ще се отвори нов таб на браузъра, откъдето ще имаш достъп до всички таблици.
      Бази данниВ навигационното меню най-горе ще откриеш таб Export, който ще ти даде възможност да селектираш и изтеглиш избраните бази. Тук следват няколко стъпки, който трябва да изпълниш, за да се сдобиеш с таблиците локално, а именно:
      – Избери Quick като метод за експортване;
      – Избери SQL като формат за запазване на файла;
      – Смело натисни GO.
      експорт на бази данни

      Автоматично изтегляне на файловете би трябвало да стартира мигновено след натискане на бутона GO. Това е, вече имаш всички бази данни на уеб сайта на твоя компютър.
  1. Копие на всички файлове на уеб сайта. След като вече си в cPanel на хостинга, който използваш, навигирай до таб File Manager.файлов мениджърВ новия прозорец, който се е отворил, ще видиш лява лента с директории. Потърси public_html или, в случай, че имаш няколко домейна към този хостинг акаунт, съответния такъв.След като си локализирал необходимата директория, кликни върху нея само веднъж. Ще забележиш, че в менюто с опции, което се намира най-горе на страницата, таб Compress (компресиране) е станал активен.
    Натисни го, след което избери “Zip archive” от появилия се модален прозорец. Сред файловете в директорията ще забележиш новосъздадения архив, селектирай го с един клик и от менюто с опции горе на страницата избери Download.


    След като си изтеглиш архива, е добра идея да го изтриеш от директорията на сървъра, за да не заема допълнително пространство.

 

Стъпка ВТОРА – същинската битка с динозавъра!

След като бекъп (и бекъп на бекъпа) на уеб сайта е вече подсигурен, е време да пристъпиш към същинската част на заниманието – обновяване системните файлове на WordPress. Само за справка – бутон за автоматично обновяване се появява с версия 3. В моя случай, версия 2.6.3 не беше и чувала за подобна “магия”.

Как се осъществява това? Ето инструкции стъпка по стъпка:

1. Осигури си достъп до сървъра през FTP и отвори директорията на уеб сайта, трябва да изглежда по този начин.

2. Отиди на този уеб адрес – https://bg.wordpress.org/download/releases/ и изтегли .zip със следващата основна версия на системата спрямо сегашната. Тоест, в моя случай, имайки система с версия 2.6.3 аз изтеглих версия 3.1. Съветът ми е да изтеглиш основната + 0.1 версия (3.1, 4.1 и пр.), тъй  като в следващия релийз на софтуера обикновено се разрешават бъгове и проблеми, които са били установени при първия такъв. Разархивирай папката.

3. От административното табло на уеб сайта деактивирай всички включени разширения (плъгини). ВСИЧКИ! Възможно е някой от тях да има конфликт с новата версия, а единствения начин да разбереш кой е, е като след обновяване на файловете започнеш да ги активираш един по един.

4. Сега вече може да се върнеш на FTP клиента, който използваш. От лявата страна отвори папката с файловете на новата версия на WordPress. От дясната – директорията на уеб сайта. Трябва да виждаш идентични файлове и в двете страни (wp-includes, wp-content, wp-admin и пр.).


5. ИЗТРИЙ папките wp-admin и wp-includes от директорията на сървъра. НЕ ПИПАЙ папка wp-content – там е цялото съдържание на уеб сайта ти.

6. ИЗТРИЙ всички файлове, които са извън горе посочените директории (wp-activate.php, wp-comments-post.php и пр.) ОСВЕН wp-config.php – в този файл се съдържат административните данни на системата.

7. От папката, която е локално на компютъра ти (и съответно в лявата част на FTP клиента) качи папките wp-includes и wp-admin в дясната страна (сървъра на уеб сайта).

8. Направи си кафе, отвори си бира, обади се на майка си…

направи си кафе

9. След трансфер презареди административното табло на уеб сайта. Би трябвало да видиш подканващ текст и линк за обновяване на базите данни. Натисни го.

10. Еврика! Имаш обновена инсталация на WordPress. В моят случай – след обновяване до версия 3.0.1 се появи бутона за автоматично надграждане на версията. След повтаряне на стъпките с бекъп-ването (защото не ми се щеше да започвам всичко отначало при евентуален проблем), просто го натиснах и след 2 минути имах версия 5.1.1 на 11 годишен уеб сайт!

Надявам се си открил и нещо полезно сред всички тези редове, а в случай, че някъде по пътя на стъпките нещо се е прецакало – sorry to say it, but you should StackOverflow it 😉

WordCamp Sofia | 2018 – лекция „Бизнес и работа с клиенти“

 

Бизнес и работа с клиенти - Петя Петкова

WordPress не е просто система за управление на съдържанието. WordPress не е просто блог система, нито пък способ за изграждане на какъвто и да е уеб сайт. WordPress е преди всичко общност!

На 24.11. 2018 се проведе тазгодишния WordCamp Sofia 2018, на който имах удоволствието да участвам като лектор на тема „Бизнес и работа с клиенти“. В презентацията си представих защо по мое мнение WordPress е най-доброто решение за изграждане на уеб присъствие за малък, среден, а също и голям бизнес. В следващите редове ще разкажа как платформата би могла да съдейства за успешното представяне на разнородни видове бизнес в Мрежата.

https://wordpress.tv/2018/12/10/petya-petkova-%D0%B1%D0%B8%D0%B7%D0%BD%D0%B5%D1%81-%D0%B8-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0-%D1%81-%D0%BA%D0%BB%D0%B8%D0%B5%D0%BD%D1%82%D0%B8/

Пълната версия на лекцията в нейния видео формат ще може да видите тук, както и в края на статията 🙂

Старт на WordCamp Sofia 2018

Да започваме!

Дялове и използваемост на WordPress

Както повечето от вас вероятно са запознати, WordPress е най-използваната система за управление на съдържанието (CMS). Със своите приблизителни 60% дял от глобалния пазар на такъв тип софтуер, WordPress захранва над 32% от всички уеб сайтове в мрежата.

И не само това, но някои от най-познатите ни имена в уеб света, използват именно WordPress. Сред тях са:

– блогът на Facebook;
– сайтът на SonyMusic;
– сайтът на Toyota в Бразилия;
– официалният сайт на Швеция;
– сайтът на WaltDisney;
– сайтът на Mercedes-Benz;
– блогът на Харвард;
– сайтът на New York Times.

И защото няма презентация, в която да липсват статистически данни, то ето и няколко такива:

– на всяка секунда се публикуват по 17 статии в WordPress;
– 14,7% от топ 100 на уеб сайтовете в мрежата са изградени върху WordPress;
– 500+ нови WordPress уеб сайта се създават всеки ден.

Защо да изградим бизнес с WordPress?

Смятам, че след изложените до момента данни, за всички ви е ясно, че WordPress е комплексно решение за много случаи и е тук, за да остане.

Реших да разделя лекцията си две части, а именно – как да изградим бизнес като WordPress разработчик/уеб дизайнер, използващ системата, и как да изграждаме уеб сайтове за клиентите си именно с WordPress.

Лектор на WprdCamp Sofia 2018

Нека стартираме с първата част.

а) На първо място е добре да определите как ще представяте услугите си – чрез собственото си име (като човек, работещ на свободна практика), или като агенция. Разбира се, може да стартирате самостоятелно и да скалирате от първото към второто.

b) След като имате отговора на предходния въпрос, то е време да помислите за брандинг и опаковане на услугите си в едно, а именно – да изградите собствен уеб сайт. И тъй като се предполага, че ще изграждате WordPress уеб сайтове за своите клиенти, то е повече от желателно вашият собствен да е изграден именно върху тази платформа.

с) С първите клиенти ще се породи и нуждата от изграждане на процес. Какво имам в предвид? Повечето ви WordPress проекти ще следват една траектория. Докато бизнесите на клиентите ви се различават като дизайн и съдържание и като цяло – философия, то работният процес трябва да бъде еднакъв за всеки от тях. Смея да твърдя, че методологията за работа с клиенти не е нещо, което може да бъде заучено и приложено от някоя статия или книга, но в общия случай – с натрупване на повече практичен опит всеки открива решението, работещо за него и неговите клиенти.

d) Няма да навлизам в подробности колко важно е да подберете правилните инструменти, които да ви съпътстват в процеса по изграждане на уеб сайт за клиент. Тук имам в предвид инструментите за комуникация (Slack, email), инструментите за следене процеса по развитие на проекта (Asana, Trello), онези за обмен на информация и файлове (DropBox, Google Drive, OneDrive) и пр.

е) И за да се превърне всичко по-рано казано в един постоянен цикъл, е необходимо да имате нови клиенти, както и да задържите старите. Тук няма да изпадам в подробности за това как да маркетирате услугите си и да печелите нови проекти, но ще кажа нещо, в чиято ефективност сама съм се убедила: Давайте най-доброто от себе си за всеки проект и няма да останете без нови задачи!

WordCamp Sofia 2018

WordPress за …всичко

Ако се питате за какво може да използвате WordPress, то отговорът е – за всичко (е, почти за всичко). Системата отдавна се превърна в нещо повече от инструмент за създаване на блог постове.

Използвайки WordPress, може да създадете:

– портфолио уеб сайтове;
– бизнес уеб сайтове;
– landing страници;
– новинарски уеб сайтове;
– уеб сайт за събитие/я;
– уеб сайт на общност (социална мрежа);
– уеб сайт – каталог (примерно за имоти);
– уеб сайт за обяви;
– онлайн магазин;
– форум;
– уеб сайт за управление на задачи…

… и това са само част от възможностите. Благодарение на хилядите разширения (plugins), както и на функционалностите, предварително вградени в темплейтите, е необходимо само въображение и комбинативно мислене, за да осъществите почти всякакъв тип уеб проект посредством WordPress.

Петя Петкова лектор на WordCamp Sofia 2018

Представяне WordPress на клиента

След като вече се запознахме с част от възможностите, които WordPress и всички съпътстващи системата разширения ни дават, е време да приложим уменията и знанията си в реални уеб проекти.

Рядкост са случаите, в които клиента се интересува от технологиите и способите, които ще бъдат използвани за осъществяване на желания уеб сайт.

Въпреки всичко, правилното представяне на предложението за използване на WordPress, освен, че ще затвърди позицията ви на специалист, ще хвърли светлина върху бъдещите възможности за скалиране на уеб присъствието на дадения бизнес в очите на клиента.

За да го запознаем с WordPress, е добре да запазим техническата част за себе си, за да бе всеем объркване, и да представим предимствата на системата, а именно:

а)Какво е CMS?

Най-важната част от уеб сайта на всеки е неговото съдържание. Затова и е добре да започнем оттам, че WordPress системата позволява лесното и интуитивно добавяне и редактиране на съдържание. Всички файлове на едно място, лесен достъп до тях, лесното им редактиране.

b) Защо за клиента е по-удобно да използва такава система?

Изхождайки оттам, че WordPress е създадена именно с тази цел, а възможностите й отдавна са надхвърлили първоначалните й способности, е редно да упоменем именно лекотата на менажиране на съдържанието в бъдеще. Нека не оставяме настрана и мащаба на инструментите, които могат да се интегрират с WordPress, с цел маркетинг и WordPress.

с) Как се поддържа WordPress?

След като сте изтъкнали предимствата на системата пред клиента и как тя би била най-подходящото решение за уеб присъствието на бизнеса му, то е редно да дадете и информация по повод поддръжката на уеб сайта.

WordPress уеб сайт за… фотограф [поредица]

 

Снимка: Kalushkov Photography

Не отдавна реших да стартирам поредица, свързана с приложенията на системата за управление на съдържание – WordPress за различните сфери на бизнеса и не само.

След първата част – “WordPress уеб сайт за… ресторант”, е време и за номер 2, а именно – “WordPress уеб сайт за… фотограф”.

Както всички знаем, фотографите в наши дни имат възможността да споделят своите изумителни кадри посредством множеството социални мрежи и специализирани платформи. Понастоящем Instagram и Facebook са най-популярни.

Вероятно се питаш: ”Защо тогава ми е необходим собствен уеб сайт, ако мога да споделям и рекламирам чрез любимата си социална платформа?”

По-долу ще ти споделя пет причини, поради които трябва да имаш професионално изглеждащ уеб сайт за фотографски бизнес и също така, защо да избереш WordPress за тази цел.

wordpress фотографски уеб сайтСнимка: Kalushkov Photography

 

1. Правдоподобност

Да имаш професионално изглеждащ и работещ уеб сайт ти дава правдоподобността на професионален творец. Общността, която си създал, както и хората, които тепърва се запознават с работата ти ще придобият по-голям респект към теб като притежател на този бизнес. Когато потребителите навигират из менютата и страниците на сайта ти, ще имат възможността да научат повече за теб, дейността ти и услугите, които предлагаш.

2.  Повече клиенти

Професионалният уеб сайт може да представи портфолиото ти по блестящ и индивидуален начин. А това завишава възможността за нови клиенти. Дори и да нямаш онлайн магазин, чрез който да продаваш фотографиите си, най-малкото може да гледаш на сайта си като на перфектната визитка, посредством която потенциални клиенти да се свържат с теб.

3. Разпознаваемост

Да имаш собствен уеб сайт (по възможност с името ти в домейна), в комбинация с профилите ти в социалните мрежи, прави теб и името ти лесни за намиране и най-вече – разпознаваеми. Например, някой търси фотограф в района, в който се намираш и ти. Името ти се появява в резултатите от търсенето, потребителя преглежда портфолиото ти и решава, че именно ти си “неговия човек”.  Звучи страхотно, нали?! 🙂

4. Портфолио

Понеже вече няколко пъти споменах тази дума, няма как да не се отбележи, че най-силната черта на един уеб сайт за човек, занимаващ се с фотография, е портфолиото. Дори и да можеш (и най-вероятно вече да го правиш) да споделяш вълшебните си кадри в социалните мрежи, в секция “Портфолио” на уеб сайта ти потребителя ще може лесно да навигира из различните теми, сесии и пр. Всички твои шедьоври, внимателно подбрани и сортирани, на едно място!

И най-важното – социалните мрежи идват и си отиват (е, добре де, не всички), но твоите няколко мегабайта в мрежата са си само и единствено твои! Винаги имаш контрол над съдържанието си!

5. Блог

Добавяйки и развивайки блог към сайта ти го прави много по-привлекателен не само за потребителите, но и за търсещите машини. Горещо препоръчвам образователните статии от типа на “Какво представлява златния час във фотографията?”, “Как протича една студийна фотосесия?” и други подобни, които да отговарят на потенциални въпроси на клиентите ти, а също и да генерират органичен трафик към сайта ти, когато някой направи именно такова търсене.

Зара ХристоваСнимка: Zarra Hristova

 

Е, след тези няколко точки, в които опитах да опиша ползите (защото те са само ползи) от притежанието на собствен сайт, то нека сега ти кажа защо WordPress.

Когато сайта ти бъде изготвен от професионалист (да, и аз съм такъв) и сте стигнали до момента, в който си казваш “Това е, точно така си го представях”, това не значи, че работата спира.

Напротив!

Оттук започва магията и ти си магьосника! Ти си човека, който улавя красиви моменти почти постоянно, нали така? И искаш тези моменти да са достъпни за всички в сайта ти. Затова и трябва да се грижиш за неговото постоянно обновяване, качване на нови снимки, нови статии в блога и т.н.

wordpress уеб сайт за фотографСнимка: личен архив

 

Мислиш, че е сложно?!

Не, никак! Именно WordPress прави всичко това много лесно, интуитивно и бързо, дори и за хора без т.нар. “ИТ умения”.

Добре изградената система в комбинация с правилно подбрания темплейт ще ти позволят лесно да добавяш нови снимки към портфолиото си, нови колекции и пр. Просто след завършване на уеб сайта, помоли дизайнера да ти направи т.нар. walkthrough (или обиколка из административната част на сайта) и да ти покаже как се действа с него.

Не е нужно да знаеш всичко, за това си има специалисти. Необходимо ти е да знаеш как да добавяш и менажираш съдържание.

И като заговорих за WordPress и фотографски сайтове, нека онагледя всичко казано по-горе с няколко примера на уеб сайтове в тази област, които съм изградила:

Kalushkov Phtography

Zarra Hristova

Anna Theunissen

 

А в случай, че си именно фотограф и успях да те убедя колко важен е личния уеб сайт, то не се колебай да се свържеш с мен!

 

 

 

wordpress уеб сайт

Как да подобрим скоростта на WordPress уеб сайт

 

За всеки собственик на уеб сайт е важно на първо място той да изглежда добре. Да е добре структуриран, с ясна навигация, полезна информация и ясно позиционирани call to action секции.

Но дори и най-красивият, с най-полезна за потребителите информация уеб сайт би могъл да бъде с висока степен на отпадане, на …17-та страница в резултатите от търсенето или иначе казано – да е в изгнание.

Причините могат да бъдат много и разнородни, но основната, за която трябва да  се погрижиш и да анализираш е скоростта на зареждане на уеб сайта.

website loading time

Във времена, в които имаме instant articles от Facebook (с цел ускорено сервиране на съдържанието), 4G интернет връзка и 16-ядрени процесори в мобилните ни устройства, е недопустимо да оставим потребителя да изчаква за рендериране на съдържание над 1.8 секунди (препоръчаното максимално време за зареждане, в чиито параметри е добре да попада и твоят уеб сайт).

Според проучвания на Google, потребителите изчакват 3 до 4 секунди до пълното зареждане на даден уеб сайт, и в случай, че това не се осъществи, се връщат към SERP резултатите или просто отварят нов уеб сайт.

И тъй като WordPress е системата, използвана за над 30% от всички уеб сайтове в мрежата (и заема почти 60% дял сред системите за управление на съдържанието), реших да разгледам няколко способа и инструмента, чрез които всеки WordPress базиран уеб сайт може да подобри скоростта си на зареждане.

wordpress code

В следващите редове ще ти разкажа за средствата и методите, които аз използвам, що се касае до оптимизиране скоростта на зареждане на WordPress уеб сайт.

Ето и над какво смятам да наблегна:

  • Как да провериш текущото състояние на уеб сайта си и скоростта му на зареждане?
  • Оптимизиране на базата данни (WP Optimize)
  • Използване на CDN (Content Delivery Network)
  • Оптимизиране на изображения
  • Избор на подходящо разширение за слайдер
  • По-малко разширения = по-бързо зареждане

 

Как да провериш текущото състояние на уеб сайта си и скоростта му на зареждане?

На първо място, за да се вземе в предвид текущото състояние на уеб сайта, е редно да се направи анализ на скоростта и оптимизацията му. За целта аз използвам два инструмента – GTMetrix и Pingdom.

С безплатната версия на GTMetrix може да тестваш скоростта на сайта си през следните локации:

Ванкувър, Канада
Далас, САЩ
Хонг Конг, Китай
Лондон, Обединено кралство
Мумбай, Индия
Сидни, Австралия
Сао Паоло, Бразилия

Pingdom от своя страна предлага избор на следните локации:

Стокхолм, Швеция
Мелбърн, Австралия
Калифорния, САЩ
Ню Йорк, САЩ

Така че, в зависимост от местоположението на потребителите ти, избери най-близката възможна локация.

gtmetrix

 

Оптимизиране на базата данни (WP Optimize)

Поддържането на чиста и структурирана база данни е от изключително значение, що се касае до оптимизация скоростта на зареждане.

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

Също, към неизползваемите ресурси, могат да се добавят и стари версии на публикации (ревизии), смап, изтрити или неудобрени коментари и пр.

Всички тези елементи правят зареждането на базата бавно и тромаво, което пък води до цялостно забавяне на зареждане на уеб сайта.

За мое (и предполагам не само) щастие, има WordPress разширение, което се грижи за всички тези неприятности по незабележим и елегантен начин, а именно – WP Optimize.

WP Optimize е плъгин, позволяващ бърза и лесна оптимизация на базата данни, което включва:

  • премахване на ревизиите за всяка от статиите и страниците на уеб сайта;
  • почистване на таблиците в базата и тяхното структуриране;

WP Optimize

 

Използване на CDN (Content Delivery Network)

На първо място – кратко разяснение. Какво е CDN? CDN е голяма разпределителна система на прокси сървъри, разположени в множество центрове за данни в Интернет. Целта на CDN е да обслужва съдържание за крайни потребители с висока надеждност и добра производителност. CDN обслужва голяма част от съдържанието на интернет сайтовете днес, включително и уеб обекти (текстови, графични и скриптове), сваляеми мултимедийни файлове, софтуер, документи и приложения.Портали за електронна търговия, Live-Streaming медийни сайтове, както и някои от социалните мрежи.

Все повече от хостинг доставчиците интегрират облачни технологии в предоставяните от тях услуги. В случая, аз използвам Superhosting, а те от своя страна имат интеграция с CloudFlare. Благодарение на това, съдържанието на уеб сайта ти бива кеширано (с изключение на HTML файловете, което не вреди на оптимизацията за търсещи машини) и се сервира от най-близката локация до тази на посетителя на сайта. Резултатът – бързо зареждане на уеб страниците и тяхното съдържание.

Повече за интеграцията на Superhosting с CloudFlare може да научиш от този ресурс.

cdn

 

Оптимизиране на изображения

За всички ни е ясно, че уеб сайт без изображения би изглеждал като… държавен вестник 🙂

Затова и за всички ни е важно да имаме добре подбрани и релевантни на съдържанието снимкови материали. А що се касае до фотографски уеб сайт, то именно снимките са съдържанието.

Затова те трябва да бъдат внимателно обработени и най-вече – оптимизирани. Лично аз се старая да преоразмеря изображенията, които поставям по уеб страниците още преди да ги поставя по местата им. Когато обаче не си сигурен какъв точно размер ти е необходим, то има няколко решения.

В практиката си съм тествала най-различни разширения (плъгини) за оптимизиране на изображения, но един от тях безспорно ме грабна, както с лекотата си, така и с ефективността си.

Говоря за EWWW Optimizer.

След като инсталираш и настроиш EWWW Image Optimizer, той автоматично ще оптимизира всички изображения, качени в уеб сайта, стига да са в JPG, PNG или GIF формат. Разширението също така включва функция за оптимизиране на целия ти медиен каталог, в случай че вече имаш много качени.Едно от предимствата на EWWW Image Optimizer е, че процесът на оптимизация се осъществява по подразбиране в собствените сървърни ресурси на уеб сайта, вместо да се свързва с услуга на трета страна. Това означава, че задачите за оптимизация ще изискват по-малко време, което може да бъде полезно при справянето с големи медийни библиотеки, тъй като оптимизирането на файлове с нормален размер (<1mb) трябва да отнема най-много няколко секунди.

 

Избор на подходящо разширение за слайдер

Тенденциите в уеб дизайна през последните няколко години ни уверяват в не едно и две неща, а едно от тях е – ако желаеш да имаш привлекателен за потребителите уеб сайт, то още с първоначалното му зареждане трябва да покажеш интересно и примамливо съдържание. А какво по-подходящо от ротиращи се изображения (слайдер) с текст върху тях?

Дотук чудесно, но избора на разширение, предоставящо ти тази възможност, трябва да е наистина прецизен и внимателен. Всеизвестен факт е, че наистина голям брой от WordPress темплейтите идват с предварително инсталиран Revolution slider.

В практиката си съм използвала това разширение нееднократно. И изхождайки от наблюденията си, мога да заключа следното – този плъгин значително забавя скоростта на зареждане на уеб страницата, на която е поставен.

И не само той, а и почти всички сходни на него разширения. Причината – стотици редове JavaScript (jQuery) се зареждат, за да накарат тези букви да се появят динамично, да анимират определено изображение, да карат слайдовете да се сменят автоматично и пр. Също така – на мобилни устройства (от каквито идва по-голямата част от трафика), слайдерите не изглеждат така привлекателно, както на десктоп машина.

Освен, че забавя зареждането на уеб сайта, употребата на слайдер има и значително влияние върху оптимизацията за търсещи машини, както и за потребителското изживяване.

Според създателите на небезизвестният плъгин за оптимизиране на съдържанието за търсачки – YoastSEO, слайдер, употребен на началната (а и не само) страница, не носи никакви ползи, а дори напротив. В тяхна статия, придружена от проучвания, посочват, че голям брой от потребителите пропускат съдържанието на слайдерите (т.нар. банерна слепота), почти никой не клика върху бутоните, поместени на тях и като цяло – приемат слайдера за поредния банер/реклама и твърде често пропускат реалното и ценно съдържание.

slider

 

По-малко разширения = по-бързо зареждане

Допълнителните функционалности, които искаш уеб сайта ти да притежава, си имат своята цена. А именно – забавяне скоростта на зареждане.

Понякога е изкушаващо да инсталираш “само още един” плъгин, да речем, за граватар, за статистика, за автоматично споделяне в социалните мрежи…

Попадала съм на уеб сайтове, използващи абсолютно различни разширения за свързване с различните социални мрежи. В случая, моят съвет е – комбинативност и използване на разширения, които наистина добавят стойност към уеб сайта ти. Стремежа ми е да използвам плъгини с разширени функции, като така си спестявам както мегабайти в базата данни, така и риска от “счупване” на сайта поради ъпдейт на даден плъгин или конфликт между два и повече такива.

Със сигурност има какво да се добави към съветите за оптимизация скоростта на зареждане на WordPress уеб сайт, но мисля да спра до тук и да ти покажа един наистина много добър пример 🙂

http://motherfuckingwebsite.com/

Изкушаваш ли се да провериш скоростта му на зареждане 😀

wordpress уеб сайт

WordPress уеб сайт за… ресторант [поредица]

 

WordPress уеб сайт за… е поредица, която реших да стартирам с идеята всяка седмица да разглеждам различни типове бизнес ниши. Целта – предимствата от собствен уеб сайт за всеки един от представителите им.

Но първо – нека изясня защо WordPress уеб сайт?

Защото е любимата ми платформа за управление на съдържанието (CMS), WordPress е изключително лесен за управление инструмент. Чрез системата хора без опит в програмирането могат да контролират, добавят и редактират съдържанието на уеб сайта си.

Какво имам в предвид?

Всеки, който желае да представи себе си или бизнеса си в уеб пространството, едва ли си представя, че след като дизайнера/разработчика приключи работата си, то сайта ще спре своето развитие.

Именно и затова WordPress е любимият ми инструмент, що се касае до създаването на нов уеб сайт. След кратко „обучение“, всеки с минимални познания в областта може сам да публикува статии, да променя цени и описания на продукти и пр.

И за да не се отклонявам повече от темата, стартирам поредицата с първата статия, а именно:

 

WordPress уеб сайт за РЕСТОРАНТ

 

уеб сайт з аресторант

 

Няма да изброявам защо всеки ресторант, претендиращ за отлична кухня, обслужване и интериор, се нуждае и от дигитално присъствие (все пак, ако държиш да прочетеш мнението ми по темата, може да го направиш тук).

Вместо това ще започна с всички ползи, които един уеб сайт би донесъл за всеки бизнес в тази сфера.

За всеки един от нас времето е най-ценния актив. Особенно в ресторантьорството, където всичко (и всички) тече с бързи темпове и всяка минута е ценна.

Затова в следващият списък ще откриеш всички ползи:

  • достигане до нови клиенти, които трудно биха открили ресторанта ти по друг (офлайн) начин
  • възможност за директна резервация от страна на клиентите. Това, освен, че ги кара да се чувстват привилегировани, спестява време и на персонала
  • възможност за поръчка за вкъщи – сигурно имаш клиенти, които предпочитат храната на твоя ресторант, но биха й се насладили в домашния уют. Чрез уеб сайт би могъл да им предоставиш възможност да си изберат и поръчат ястия, още докато са в автомобила си, а на път за вкъщи да минат и да ги вземат.
  • отличи се от конкурентите си. Вярно е, че цялата информация, необходима на потенциалните ти клиенти, би могла да бъде поместена в Instagram или Facebook профил. Но един персонализиран и ясно структуриран уеб сайт би представил бизнеса ти в много по-добра светлина.

 

изработка на уеб сайт

 

Информацията, която би била най-полезна за клиентите, е:

  • адреса на ресторанта
  • работно време
  • телефонни номера
  • меню на ресторанта (изключително полезно)
  • снимки с високо качество
  • линкове към профили в социални мрежи
  • информация (или форма) за резервация
  • информация за дрес код, ниво на формалност – също би била от полза за бъдещите ти посетители

И именно тук се намесва WordPress. След завършване на проекта, с кратко обучение всеки от екипа на ресторанта би могъл да добавя нови снимки на вкусни ястия или от бляскави събития, нови специалитети в менюто, да редактира заетостта на ресторанта и още… и още…

А ето и няколко (любими мои) примера за ресторанти, използващи WordPress за онлайн присъствието си:

Страхотни са, нали?!

Ако желаеш и твоят ресторант да запази своето местенце в онлайн пространството, то не се колебай да се свържеш с мен!