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

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

видео съдържание за уеб сайт

Must have – персонализирано видео съдържание в уеб сайта си

 

видео съдържание за уеб сайт

 

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

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

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

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

 

видеозаснемане

 

Разказваш история по бърз и увлекателен начин

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

 

 

Повече трафик към уеб сайта ти

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

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

Както знаем, търсачката Google е най-използваната в световен мащаб, а на второ място е… YouTube! Така че, освен на сайта си, е желателно да създадеш и собствен YouTube канал, където потребителите лесно да достъпват видео съдържанието ти.

 

Превърни скучната “За нас” страница в интересно ( и защо не – забавно) видео

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

 

 

Отличи се от конкурентите си

Персонализираното видео е страхотен начин да изпъкнеш сред другите представители в бизнес сферата ти. Освен възможността да спечелиш доверието на потребителите още в първите няколко секунди, демонстрираш професионализъм и новаторско мислене.
Ако бизнеса ти е в сферата на онлайн търговията, то видеото е страхотен метод да покажеш продуктите си по различен и открояващ се начин. Потребителите обожават да преглеждат видеа на харесани от тях продукти. Нали знаеш – “Око да види, ръка да пипне” 🙂

* Според проучвания, близо 90% от онлайн потребителите споделят, че именно видео на продукта или услугата ги е подтикнало да вземат решение за закупуването/поръчването им.

 

Остави трайна следа в съзнанието на потребителите

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

 

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

 

 

Петя е уеб дизайнер, развиващ дейността си от 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 година.

MailChimp Landing Pages – новото от любимата ми маймунка

 

Когато открих, че любимият ми MailChimp (инструмент за имайл маркетинг) е с нова функционалност, а именно – създаване на landing page, нямаше как да не ви споделя удивлението си. Но нека първо разбия новината на етапи, за да разберете защо този нов feature е толкова ценен и полезен.

На първо място – какво е landing page?

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

Целта на landing page е да се постигнат поставени краткосрочни цели, например, може да създадете такава, за да предложите лимитирана оферта или промоция на нов продукт.

Как се създава MailChimp landing page?

Но на преди това, важно е да отбележа, че създаването и броя на такъв тип страници са напълно безплатни!

В познатото ни досега концептуално представяне на избора за нова кампания ще видите трета опция – Create a landing page.

 

 

В следващата стъпка ще попаднете на избора между два типа landing page –  “Product page”, която, както се подразбира от името, цели да представи продуктите ви с фокус над промоции или новости. Другата опция – “Signup page” цели да увеличи обема на списъците ви с потребителски имейли.

 

 

Тук ще разгледаме какви са настройките при избора на “Product page”, които по мое мнение са леки и интуитивни (както всичко в MailChimp).

В случай, че имате интегриран с MailChimp онлайн магазин (поддържат се: WooCommerceShopifyMagentoBigCommerce и PrestaShop), автоматично ще се генерират възможности за избор (ако е повече от един).

Със следващата стъпка пред вас се отваря темплейта на landing page-а. Както с останалите темплейти, и този е предварително зададен с всички блокове и елементи за съдържание, които, разбира се, могат да бъдат модифицирани.

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

 

 

Другият огромен бонус са промо кодовете. MailChimp автоматично открива всички налични в e-commerce сайта ви (в случая аз използвам WooCommerce) и ги предоставя под формата на падащо меню. Просто като детска игра.

 

 

След като сте готови с дизайна на landing page-а, пред вас ще се появи меню с избор на име на страницата (ако вече сте го задали, може да го редактирате оттук) и задаване на URL.

 

 

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

 

Тази част с натискането на бутона винаги е успявала да провокира чувството за изстрелване на космическа ракета в съзнанието ми 🙂

 

 

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

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

SEO оптимизация – какви са тенденциите за 2018 [примери]

 

Съгласи се с мен, че SEO оптимизация е един от най-важните моменти за онлайн присъствието на всеки уеб сайт. За никой не е тайна, че близо 70% от търсенията в мрежата се осъществяват именно през Google search.

Затова и днес ще ти разкрия какви са промените в алгоритмите на Big G, какви новости има и, като цяло –

какви са тенденциите за оптимизиране за търсещата машина през 2018.

 

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

Чувал ли си за RankBrain? Какво прави ли? Новия „мозък“ в лабораторията на Google е система, която се учи (при това впечатляващо) да следи какво е отношението на потребителите към дадена уеб страница, изведена в началните резултати от търсенето.

 

rankbrain

 

В случая, два с факторите, които RankBrain взема под внимание, а именно – CTR (click through rate) – колко често именно твоята страница е отворена след търсене в Google и Dwell time (времето, което потребителя прекарва на твоят уеб сайт, преди да натисне бутана „назад“ и да се върне към резултатите от търсенето).

А според SearchMetrics  най-добро време е…

 

3 минути и 10 секунди

 

Какво точно прави RankBrain? Да речем, че уеб сайта ти е в сферата на здравословното хранене и често пишеш статии с рецепти. Оптимизирал си последната си статия по избрана ключова дума (например: „здравословни рецепти“). След публикуване, статията ти се позиционира на втора страница сред органичните резултати. Тъй като си се постарал съдържанието на статията ти да е интересно, забавно и изпълнено с мултимедия и линкове към полезни външни източници, както и към предишни твои материали, потребителя остава дълго на сайта ти и попива от съдържанието му.

search-resultsТова дава сигнал на RankBrain, че съдържанието ти е интересно и релативно, затова те поощрява, като вместо на втора страница, скоро се появяваш в крайните резултати на първата.

Обърнал си специално внимание и на заглавието на статията си? Супер! Няма как да говорим за SEO оптимизация, без да споменем колко важно е да подбереш правилното заглавие спрямо думата, по която оптимизираш. Да се върнем към примера. Ключовата дума беше „здравословни рецептни“. Тъй като заглавието ти е привлекателно, често голям процент от потребителите кликват именно върху него. Това също дава сигнал на RankBrain. Сега той знае, че материала ти е релевантен и потребителите разбират това, щом видят линка в резултатите от търсенето. След това установяват, че материала е полезен и интересен и остават дълго на сайта ти.

Затова и получаваш още бонус точки и е съвсем вероятно скоро да откриеш линк към сайта си на първа страница, при това в първите 5 резултата!

 

Така… , какво друго освен RankBrain? Съдържанието! И дори по-конкретно – видео съдържанието! Както съм писала и преди, през 2018 се очаква близо 80% от трафика в мрежата да е генериран от видео материали. Обогатена с видео съдържание статия би задържала потребителя на даден уеб сайт далеч по-дълго, ако информацията е само текст, текст, текст и…. текст. Това автоматично би намалило baunce rate-а и респективно – би увеличило Dwell time.

 

SEO оптимизация ≠100 пъти ключовата дума

 

Приоритет #1 на Google е да покаже на търсещите НАЙ-ДОБРИЯТ резултат. Затова не оптимизирай съдържанието си за търсещата машина, оптимизирай го за реалните си потребители.

Разбира се, все още е повече от желателно да поставиш ключовата дума, по която оптимизираш в URL-a на страницата, в H1 заглавието, в meta описанието, както и в alt атрибутите на изображенията.

Но алгоритмите на Google са далеч по-напреднали по отношение на оптимизацията, за да ги заблудите само с наситеност на една или повече ключови думи. Те разбират и синонимите им! По-скоро – паяка на търсачката обхожда страницата ти и търси контекста на съдържанието. Статии от 300-400 думи не биха били с такава тежест пред Big G, както статии с обем приблизително 2000 думи. По този начин показваме на търсещата машина, че сме вещи по темата и е много вероятно съдържанието ни да е много полезно за потребителите.

 

Питаш се как да стане това ли?!

 

Та въпросът е… как да накараш потребителя да не се оттегчи от съдържание и бързо да се върне към резултатите от търсенето? На първо място – с качествено съдържание! Не пиши статии, просто защото някъде си прочел, че е добре да постваш 2 пъти седмично. Постарай се материалите ти да имат стойност и да са релевантни с общата тематика на сайта ти. Едва след това може да помислиш как визуално да оформиш статията аси по начин, по който тези 2000 думи да не изглеждат като страница от „Брулени хълмове“.

Използвай т.нар. bucket brigades – разделяне на съдържанието посредством ключови фрази/думи.  Забеляза ли текста „Питаш се как да стане това ли?“, това е именно такъв тип фраза. Целта й е да задейства фактова на любопитството и да накара четящия да остане на страницата и да продължи да чете. Повече за bucket brigades, кактои за други методи да направиш текста си по-привлекателен, може да прочетеш тук.

Използвай т.нар. LSI думи.

След като вече сте написали шедьовъра си от 2000 думи (така де, приблизитено толкова), добавете LSI думи. Какво са LSI думите ли? Това са думи и фрази, които са взаимно свързани с основната тема на статията ви. Например, ако статията ви е на тема здравословно хранене, то LSI думи биха били „рецепти“, „загуба на тегло“, „правилно хранене“, „режим на хранене“ и пр. Как да намерите такива думи? Има не малко безплатни инструменти за целта, като от Backlinco препоръчват LSIGraph.com.

 

Използвай Google Keyword Planner

Няма как да говорим за SEO и да не спомена keyword planner-a на Big G. С него лесно ще откриете находчиви идеи по отношение на LSI думи и синоними на ключовите ви такива. Инструмента ще ви покаже също какъв е обхвата на определена дума, колко често тя бива търсена и от какъв тип персона.

 

 

Нали не сте забравили, че мобилната версия на сайта ви вече се разглежда като основна?

И това е напълно оправдано, след като над 60% от трафика се реализира именно през мобилни устройства.  Дори и потребителя да отвори сайта ви през десктоп устройство, Google отново ще приоритизира мобилната версия. Дори и алгоритма mobile-first да не е активиран засега, то се очаква това да се случи всеки момент, така че е повече от добре да обърнете внимание на това как изглежда вашето парченце уеб още от сега.  Имайте в предвид, че всяко скрито съдържание (например бутон „Прочети повече“, който разкрива статия от 1000 думи), ще остане скрито и за Google.

Важно: в никакъв случай не използвайте m. версия на сайта си, а адаптивна такава. На Google няма да му се хареса нещо от рода на www.m.zdravoslovno-hranene.com.

За да се уверите, че сайта ви работи и изглежда повече от добре на мобилно устройство, може да проверите тук – Mobile-Friendly Test Tool. Просто въведете уеб адреса на сайта си и вижте какво казва Google по въпроса. В случай, че нещо не му допада, той ще ви каже, като дори ще осигури препоръки по отстраняване на неизправностите.

 

 

Видеото е цар

Ако не помните статията ми за това защо бизнеса ви се нуждае от видео, то сега е момента да си припомните. Очаква се през 2021-ва трафика от видео материали да достигне 80%, така че със сигурност е време да обмислите кратка презентация на бизнеса/хобито/услугите си. Не малко потребители осъществяват търсене през YouTube, вместо през Google Search. Също така, добавяйки видео съдържание към статия, да речем, я прави много по-привлекателна и интересна за потребителя. Помните ли какво ви  казах за RankBrain? Гледайки видео на сайта ви, времето, прекарано в него се увеличава, което пък дава знак на Google, че съдържанието ви е интересно и релевантно на търсенето на потребителя.

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

С пожелания за успешна, мирна и изпълнена с емоции 2018 година!

 

В статията са използвани мотиви от The Definitive Guide To SEO in 2018

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