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

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

WordCamp Sofia | 2018

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

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

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

WordCamp 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.

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

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

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

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

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

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

WordCamp

WordPress за …всичко

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

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

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

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

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

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

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

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

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

а)Какво е CMS?

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

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

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

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

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

Петя е уеб дизайнер, развиващ дейността си от 2013 година.

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

 

Снимка: Kalushkov Photography

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

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

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

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

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

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

 

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

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

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

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

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

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

4. Портфолио

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

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

5. Блог

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

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

 

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

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

Напротив!

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

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

 

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

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

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

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

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

Kalushkov Phtography

Zarra Hristova

Anna Theunissen

 

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

 

 

 

Петя е уеб дизайнер, развиващ дейността си от 2013 година.

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/

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

Петя е уеб дизайнер, развиващ дейността си от 2013 година.

wordpress уеб сайт

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

 

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

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

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

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

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

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

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

 

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

 

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

 

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

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

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

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

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

 

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

 

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

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

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

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

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

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

Петя е уеб дизайнер, развиващ дейността си от 2013 година.