WordPress аптымізацыя малюнкаў: этапы і падыходы

  1. Чаму так важна WordPress аптымізацыя малюнкаў
  2. Ваш сайт будзе загружацца хутчэй
  3. Ваш сайт будзе займаць менш месца на сэрвэры
  4. Ваш рэйтынг у пошукавых сістэмах палепшыцца
  5. 5 спосабаў WordPress аптымізацыі малюнкаў
  6. 2. сцісканага малюнка
  7. Інструменты аптымізацыі малюнкаў ўручную
  8. Інструменты аўтаматычнай аптымізацыі малюнкаў
  9. Убудовы WordPress для сціску
  10. 3. Змяняны памер малюнкаў для найлепшага іх адлюстравання
  11. 4. Правяраем акуратнасць абрэзкі выявы
  12. 5. Паляпшаем SEO малюнка
  13. Аптымізацыя тэксту загалоўка малюнка
  14. Ўстаноўка тэга ALT
  15. Выкарыстанне правільнага імя файла
  16. У заключэнне

Без малюнкаў большасць сайтаў будуць выглядаць як масіўная сцяна тэксту. Для прыцягнення ўвагі наведвальнікаў вельмі важныя якасныя выявы. Яны разбавіць кантэнт і зробяць яго больш зручным для ўспрымання і чытання. Не кажучы ўжо пра дадатковы трафіку ад пошуку малюнкаў. Але, каб мець усе гэтыя перавагі, малюнкі павінны быць перш за ўсё правільна аптымізаваны.

Большасць уладальнікаў сайтаў на WordPress сканчаюць працэс на загрузцы не аптымізаваных для вэб малюнкаў, якія могуць выклікаць больш шкоды, чым карысці.

Ніжэй мы раскажам вам чаму абавязкова трэба праводзіць аптымізацыю малюнкаў і вывучым пяць спосабаў выканаць працэдуру WordPress аптымізацыя выяваў.

Чаму так важна WordPress аптымізацыя малюнкаў

Ня аптымізаваныя малюнка на сайце прывядуць да неверагодна нізкай хуткасці загрузкі і прапускной здольнасці. Выявы могуць займаць шмат месца на дыску, і вялікая частка з іх можа апынуцца не патрэбнай.

Вось некалькі асноўных прычын для аптымізацыі малюнкаў.

Ваш сайт будзе загружацца хутчэй

Павольная загрузка сайта не дае карыстальнікам нармальна з ім узаемадзейнічаць. Гэта прыводзіць да нежаданню карыстальнікаў знаходзіцца на такім сайце і хутчэй выскачыць з іх. Вы не можаце чакаць ад сваіх наведвальнікаў, што яны будуць заставацца і чакаць загрузкі вашых малюнкаў.

Ваш сайт будзе займаць менш месца на сэрвэры

Звычайна, вы не можаце паўплываць на абмежаванні па дыскавай прасторы, які прадастаўляецца вашым хостынг-правайдэрам.

Але, калі вы паменшыце памер свайго сайта, гэта абавязкова добра адаб'ецца на хуткасьці яго працы.

Вы можаце паменшыць разрастанне вашага сайта і зрабіць яго больш кампактным і прадукцыйным. Да таго ж, паменшыць кошт сервера, калі вы плаціце за захоўванне.

Ваш рэйтынг у пошукавых сістэмах палепшыцца

Google і іншыя пошукавікі не любяць павольныя сайты.

Аптымізуючы свае выявы, вы павялічыце прадукцыйнасць, а значыць і ваш рэйтынг.

З аптымізаванымі малюначкамі Google будзе індэксаваць і ранжыраваць іх значна хутчэй, гэта дасць выдатны прырост трафіку.

Аптымізацыя вашых малюнкаў не павiнна быць складанай ці времязатратной і можа стаць вашым рэгулярным заняткам. Ня аптымізаваныя выявы могуць дрэнна адбіцца на паспяховасці вашага сайта.

Ніжэй мы распавядзем вам, як вы можа выканаць аптымізацыю сваіх малюнкаў у WordPress такім чынам, каб захаваць якасць і не ахвяраваць прадукцыйнасцю.

5 спосабаў WordPress аптымізацыі малюнкаў

Ваша мэта па аптымізацыі малюнкаў на сайце - паменшыць памер файла без зніжэння якасці малюнка. Ідэальнага спосабу для аптымізацыі няма, але замест гэтага вы можаце знайсці баланс.

Ёсць шмат падыходаў, якія вы можаце ўжыць для аптымізацыі малюнкаў. Вы нават можаце скампанаваць некалькі, каб дамагчыся самага маленькага магчымага памеру файла.

Чытайце далей, каб даведацца пяць розных метадаў, якія вы зможаце лёгка прымяніць для аптымізацыі малюнкаў для вэб.

Перад пачаткам аптымізацыі пераканайцеся, што вы выбралі правільны фармат (пашырэнне) файла. Правільны фармат файла паўплывае на памер файла і магчымасць яго аптымізацыі.

Два найбольш распаўсюджаных фармату JPEG і PNG.

JPEG-і звычайна выкарыстоўваюцца для фатаграфій і ў цэлым малюнкаў па прычыне:

  • параўнальна меншага памеру,
  • аднастайнага якасці малюнка,
  • магчымасці змяніць памер або сціснуць без страты якасці.

Файлы фармату PNG выкарыстоўваюцца для вектарных малюнкаў, лагатыпаў, скрыншотаў і малюнкаў меншага памеру. Так як яны маюць большы памер файла, вы наўрад ці захочаце іх выкарыстоўваць часта.

Акрамя PNG і JPEG вы можаце выявіць яшчэ вельмі шмат тыпаў файлаў. Але яны не рэкамендуюцца для выкарыстання ў вэб.

Вядома, ёсць выключэнні. Вы напэўна заўважылі бурную папулярнасць фармату GIF ў апошнія гады. Гэта невялікае анімаванае малюнак, падобнае відэа, можа быць выкарыстана для пашырэння вашага існуючага кантэнту. Калі вы плануеце дадаць невялікае відэа, зрабіце яго ў фармаце GIF, а не MP4.

2. сцісканага малюнка

Пры сціску выявы вам неабходна знайсці баланс паміж якасцю сціску і памерам малюнка.

Пры мінімальным сціску вы атрымаеце большы памер файла, але малюнак больш высокай якасці. Пры высокім узроўні сціску памер малюнка будзе вельмі невялікім, але якасць малюнка будзе пакутаваць.

Ваша мэта павінна быць у тым, каб знайсці залатую сярэдзіну паміж памерам файла і ступенню сціску.

Калі вы запускаеце сайт, прысвечаны высакаякасным малюнках, як, напрыклад, сайт фатаграфіі, тады спатрэбіцца больш часу, каб знайсці баланс паміж імі. Але вы зможаце выкарыстоўваць налады аптымізацыі для кожнага малюнка.

Ніжэй мы адчуваем інструменты для выкарыстання лакальна на кампутары, онлайн ў інтэрнэце і нават некаторыя ўбудовы WordPress, якія вы можаце выкарыстоўваць для аптымізацыі малюнкаў без страты якасці.

Інструменты аптымізацыі малюнкаў ўручную

Дэсктопныя інструменты (устаноўленыя на вашым лакальным кампутары) прапануюць вам больш налад кіравання аптымізацыяй. Калі вы, да прыкладу, працуеце ў рэдактары малюнкаў накшталт Photoshop, тады вам можа падысці больш гэты варыянт.

Найбольш папулярныя декстоп прылады:

  • Adobe Photoshop - Photoshop мае свой уласны будова інструмент па сціску малюнкаў, які падрыхтоўвае іх да публікацыі ў інтэрнэце.
  • Gimp - бясплатная альтэрнатыва Photoshop, мае крутую крывую навучальнасць, але таксама мае убудаваную аптымізацыю.
  • Affinity Photo - гэта самая танная альтэрнатыва Photoshop, з убудаванай функцыяй аптымізацыі.
  • Paint.NET - рэдактар ​​малюнкаў для карыстальнікаў Windows, упэўненая альтэрнатыва Photoshop і мае сціск малюнкаў.

Інструменты, пералічаныя вышэй, запатрабуюць навучання, але яны дазваляюць вам знайсці налады аптымізацыі найбольш прыдатныя менавіта для вас.

Інструменты аўтаматычнай аптымізацыі малюнкаў

Калі вы аддаеце перавагу больш спрошчаны падыход, тады вы можаце выкарыстоўваць онлайн інструменты, якія аўтаматычна аптымізуюць вашы фота.

Гэтыя інструменты выдатныя, калі вы не хочаце марнаваць час на вывучэнне падрабязнасці працы рэдактараў.

Некаторыя самыя распаўсюджаныя рэдактары - JPEGmimi і TinyPNG .

Пры гэтым усё, што вам трэба зрабіць, гэта загрузіць свае фатаграфіі, інструмент запусціцца, і вы запампуеце аптымізаваныя фатаграфіі.

Калі вы аддаеце перавагу запускаць частка прыкладання на сваім кампутары, тады вам могуць падысці ImageOptim , OptiPNG і Trimage .

Убудовы WordPress для сціску

У WordPress маюцца убудовы для вырашэння розных задач.

Наступныя убудовы будуць аптымізаваць вашыя выявы пры загрузцы і нават аптымізаваць любыя выявы ўжо ў медыя-бібліятэцы:

  • Imagify Image Optimizer - Гэты убудова прапануе некалькі узроўняў сціску, змяненне памеру малюнка, аднаўленне малюнкаў і многае іншае.
  • ShortPixel Image Optimizer - Гэты бясплатны убудова дазваляе вам сціскаць да 100 малюнкаў у месяц і апрацоўваць некалькі розных фарматаў малюнкаў. Акрамя таго, ён мае убудаваную функцыю аднаўлення і групавую аптымізацыю.
  • WP Smush - Гэты убудова будзе аптымізаваць малюнка пры іх загрузцы на ваш сайт, а таксама аптымізаваць існуючую медыя-бібліятэку. Гэта паменшыць памер вашых малюнкаў, не аказваючы ўплыву на якасць.
  • Optimus Image Optimizer - Гэты лёгкі убудова аптымізуе вашы малюнка пры дапамозе сціску без страты агульнага якасці, проста за кошт памяншэння памеру файла.

3. Змяняны памер малюнкаў для найлепшага іх адлюстравання

Перш чым вы пачнеце аптымізаваць свае выявы, будзе вельмі карысна правільна выбраць яго памер. Няма сэнсу загружаць масіўнае малюнак на сайт, калі вы плануеце змяняць яго памеры.

Выстаўляйце правільныя памеры малюнка перад іх загрузкай. Так вы будзеце мець справу з меншым выявай з самага пачатку.

Напрыклад, скажам, вам трэба выява 300 × 300 пікселяў, але замест гэтага вы загружаеце малюнак памерам 3000 × 3000 пікселяў і перакладаць на тэму WordPress задачу правільнага адлюстравання малюнка.

Гэта павялічыць нагрузку на канал і прывядзе да павольнай загрузцы карцінкі.

Лепшым падыходам будзе вызначыць неабходны памер выявы згодна патрабаванняў вашай тэмы і падрыхтаваць яго адпаведным чынам. Потым прапусціць яго праз інструмент аптымізацыі і загрузіць сваё малюнак.

4. Правяраем акуратнасць абрэзкі выявы

WordPress мае ўбудаваны рэдактар ​​малюнкаў, які дазваляе вам абрэзаць іх прама з адмін кансолі.

Вядома, гэта можа быць вельмі зручна, але мы рэкамендуем вам абрэзаць малюнка перад іх аптымізацыяй і загрузкай.

Калі вы вырашылі, што малюнак трэба абрэзаць для лепшага размяшчэння на вашым сайце, тады выдаліце ​​малюнак з сайта, абрэжце і загрузіце нанова.

Выконваючы занадта шмат змен у адмін кансолі, вы можаце захаваць некалькі версій аднаго і таго ж файла. Гэта павялічыць нагрузку на сервер і агульны памер вашага сайта.

5. Паляпшаем SEO малюнка

Вы ведалі, што можаце аптымізаваць свае малюнкі, каб палепшыць рэйтынг малюнкаў і сайта ў пошукавых сістэмах?

Аптымізацыя малюнкаў паскорыць працу сайта і павысіць ваш рэйтынг. Але ёсць некалькі дадатковых крокаў, якія вы можаце зрабіць, каб палепшыць сваю SEO-прывабнасць.

Выконвайце крокаў ніжэй для паляпшэння SEO вашых малюнкаў.

Аптымізацыя тэксту загалоўка малюнка

Тэкст загалоўка малюнка з'яўляецца, калі чытач наводзіць мыш на ваша малюнак. Гэта не вельмі важна для SEO, але гэты невялікі трук можа палепшыць ваш карыстацкі інтэрфейс.

Для змены тэксту загалоўка перайдзіце ў рэдактар ​​запісу, дзе размешчана ваша малюнак.

Навядзіце мыш на гэта малюнак і націсніце на абразок алоўка, якая адкрые акно наладамі Змяніць для рэдагавання.

У раздзеле Дадатковыя налады вы зможаце знайсці і адрэдагаваць тэкст загалоўка.

Ўстаноўка тэга ALT

Alt-тэкст вашага малюнка дасць Google зразумець, пра што ідзе гаворка на вашай старонцы.

Калі на вашай старонцы некалькі малюнкаў, то першае малюнак павінна ўключаць у сябе галоўнае ключавое слова. Кожнае наступнае малюнак павінна выкарыстоўваць варыяцыі гэтай фразы, захоўваючы пры гэтым апісанне сэнсу малюнка.

Каб змяніць alt-тэкст малюнка, перайдзіце ў візуальны рэдактар ​​і навядзіце паказальнік мышы на малюнак, якое вы ўставілі. Яшчэ раз націсніце на значок алоўка, які адкрые параметр Змяніць.

У гэтым акне звярніцеся да поля Навык alt і ўвядзіце сваё фокусная ключавое слова або варыянт ключавога слова тут.

Выкарыстанне правільнага імя файла

Імя файла вашага малюнка можа паўплываць на рэйтынг пошуку малюнкаў у Google, што з'яўляецца выдатным дадатковым крыніц трафіку.

Заменіце бессэнсоўнае імя файла на назву, якое змяшчае ключавое слова або адлюстроўвае сутнасць таго, што на ім адлюстроўваецца.

Перш чым вы загрузіце карцінку ў WordPress надасце трохі часу для вызначэння адпаведнага яму імя.

Нарэшце, калі вы выкарыстоўваеце некалькі слоў у сваім імі, то выкарыстоўвайце злучок паміж імі, Google будзе чытаць яго як падзельнік. У адваротным выпадку словы зліюцца ў адно і ваша імя файла не будзе чытаным.

У заключэнне

Прайшоўшы вышэйапісаныя крокі, лічыце, што WordPress аптымізацыя малюнкаў выканана паспяхова і Google абавязкова пакахае ваш сайт яшчэ больш.

Ён будзе загружацца хутчэй, вашы наведвальнікі будуць задаволеныя, а таксама ўзрасце рэйтынг у пошукавых сістэмах.

Пры працы з выкарыстаннем кампрэсіі важна падабраць правільныя налады і інструменты, пакуль не знойдзеце ідэальны баланс якасці малюнка і памеру файла. Гэта не заўсёды просты працэс, але ён будзе каштаваць вашай хуткасці загрузкі і прагляду малюнка і сайта ў цэлым.

Аптымізацыя вашых малюнкаў палепшыла хуткасць загрузкі і прадукцыйнасць вашага сайта? Падзяліцеся сваім вопытам у каментарах ніжэй.

Аптымізацыя вашых малюнкаў палепшыла хуткасць загрузкі і прадукцыйнасць вашага сайта?