аптымізацыя малюнкаў

1. Патрабаванні да аптымізацыі малюнкаў
2. якасць малюнкаў
3. Памер і вага малюнкаў
4. Інструменты аптымізацыі малюнкаў ўручную
5. Інструменты аўтаматычнай аптымізацыі малюнкаў онлайн
6. Убудовы WordPress для сціску
7. SEO-аптымізацыя малюнкаў на старонцы
8. Назвы файлаў карцінкі
9. Title карцінкі
10. Alt малюнка
11. Микроразметка для малюнкаў
12. высновы

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

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

Патрабаванні да аптымізацыі малюнкаў

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

Google можа індэксаваць тыпы малюнкаў у фарматах BMP, GIF, JPEG, PNG і WebP, а таксама SVG.

Рэкамендаваны фарматы малюнкаў:

1. JPEG - выкарыстоўвайце гэты фармат для фото;
2. PNG - для графікі, прасцей кажучы, для ўсяго, што намаляваў дызайнер;
3. SVG - для вектарных малюнкаў.

З'явіліся і новыя фарматы, такія, як WebP і JPEG-XR. Іх перавага ў тым, што яны сапраўды менш важаць, але, на жаль, пакуль не ўсе браўзэры падтрымліваюць гэтыя фарматы. Напрыклад, JPEG-XR падтрымлівае толькі IE, а WebP - Chrome, Opera, Android. У сувязі з гэтым я не разглядаю іх. Але выбар за вамі

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

якасць малюнкаў

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

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

Памер і вага малюнкаў

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

Малюнка трэба ствараць у памеры, у якім яны будуць прадстаўлены на сайце.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

SEO-аптымізацыя малюнкаў на старонцы

унікальнасць

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

Яндэкс, напрыклад, здольны ўбачыць, адкуль была скрадзеная карцінка, якія копіі былі створаны, дзе менавіта яны былі размешчаны і мн.інш Калі вы не ўпэўненыя ў сваім адзіным кантэнту на вашым сайце, гэта лёгка праверыць c дапамогай сэрвісу Tineye .

Назвы файлаў карцінкі

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

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

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

Title карцінкі

Важны атрыбут пры аптымізацыі. У Title размяшчаецца тэкст, які будзе адлюстроўвацца пры навядзенні курсора на малюнак.

Правільны тайтлов выглядае так:

title = "Наўтбук Acer 7741G выгляд зверху»

Alt малюнка

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

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

Прыклад добрага alt:

alt = "Недарагі ноўтбук Acer 7741G за 16000 рублёў»

Микроразметка для малюнкаў

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

Прыклад ўкаранення микроразметки http://schema.org/ImageObject

высновы

Для эфектыўнай аптымізацыі малюнкаў варта ўжываць усе вышэйапісаныя метады ў комплексе:

1. Захоўвайце файлы з выявамі ў правільным фармаце, якія індэксуюць пошукавыя сістэмы.
2. Дадавайце на сайт унікальныя і карысныя малюнка.
3. Выкарыстоўвайце інструменты для сціску малюнкаў.
4. Аптымізуе карцінкі з дапамогай тэгаў title і alt.
5. Зарубіце мікрададзеныя для малюнкаў.
6. Загружайце карцінкі, звязаныя па сэнсе з тэкстам.
7. Не забывайце, што малююнкі перш за ўсё створаны для карыстальніка.

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