Оптимизатсияи тасвирҳо барои беҳтар кардани суръати вебсайт ва пешбурди вебсайт - Semalt Expert

Тасвирҳо яке аз ҷузъҳои муҳими веб мебошанд, албатта пас аз матн. Вебсайте, ки бидуни тасвир дорад, одатан дилгиркунанда ва ҳавасмандкунанда барои серфинг нисбат ба сайте, ки тасвирҳо дорад.
Инчунин, чанд минтақае мавҷуданд, ки истифодаи тасвирҳо ҳатмӣ ва ҳатто барои сафед кардани сайт зарур аст.
Барои намуна:
- Сомонаҳои тиҷорати онлайн
- Сайтҳои портфолио ва намоиши асарҳо
- Сомонаҳои тасвирӣ, ки аксҳо "маҳсулот" мебошанд - масалан, либосҳои арӯсӣ, аксбардории чорабиниҳо ва ғ.
- Шабакаҳои иҷтимоӣ - Тадқиқотҳои бештар ва бештар ба он ишора мекунанд, ки паёмҳо бо аксҳо шарҳ ва саҳмияҳои зиёдтар мегиранд, дар муқоиса бо паёмҳо ва ҳолатҳои бе аксҳо
Таблиғи тасвири Google: истифодаи дурусти тасвирҳо
Оё шумо аксҳоро аз сайтҳои аксбардорӣ/анбори тасвирҳо сармоягузорӣ карда харидаед ё ҳатто худатон калон карда, акс гирифтаед? Шумо инчунин бояд онҳоро бо мақсадҳои SEO ба ҳадди аксар расонед!
Пешбурди тасвири Google яке аз роҳҳои беҳтарини зиёд кардани трафики вебсайт дар соҳаҳои муайян - махсусан онҳое, ки ба тарафи визуалӣ тамаркуз мекунанд.
Сарфи назар аз гуфтаҳои боло, истифодаи нодурусти тасвирҳо метавонад зарари бештар ба сайт расонад ва ҳатто талошҳои таблиғотиро ба таври назаррас халалдор кунад. Ҳангоми сухан дар бораи истифодаи тасвирҳо дар заминаи таблиғи органикӣ, инчунин муҳим аст, ки якчанд қоидаҳоро ба назар гирем, истифодаи нодурусти тасвирҳо метавонад суръати сайтро ба таври назаррас халалдор кунад ва аз ин рӯ метавонад ба таблиғ таъсири назаррас расонад.
Қоидаҳои асосии оптимизатсияи тасвир:
1. Вазн ва андозаи тасвир
Яке аз параметрҳои муҳими таблиғи тасвирҳо дар Интернет - вазни тасвир аст.
Аз як тараф, мо мехоҳем тасвирҳои баландсифатро истифода барем, аммо аз тарафи дигар, он аз ҳисоби суръати сайт, таҷрибаи корбарон ва таблиғот ба даст намеояд. Тавсия ҳамеша ин аст, ки "оптимизатсия" (аз калимаи оптимизатсия) тасвирҳо то ҳадди имкон, бидуни кам кардани сифат. Барои ин, ҳамаи қоидаҳои зеринро иҷро кунед:
- Истифодаи формати барои ҳолатҳои гуногун мувофиқ (jpg, png, gif ва ғайра) - тафсилоти пурра дар бораи намудҳои гуногуни формат дар зер.
- Муҳим - Муқаррар кардани андозаи ҳар як тасвир дар сайт - Нагузоред, ки тасвири хурдтар аз андозаи воқеии (тасвири) тасвир хурдтар карда шавад, то манбаъҳои нодаркор зоеъ нараванд. Сомона чӣ қадар калонтар ва бештар мобилӣ бошад, аҳамият ҳамон қадар зиёдтар мешавад.
- Таъмини мувофиқати ҷавобӣ - Агар шумо бо WordPress ва як қолаби муосир кор кунед, эҳтимол шумо ин гӯшаро бастаед. Аммо агар ин тавр набошад, ҳамеша кӯшиш кардан лозим аст, ки тасвирҳо дар сайт, хусусан тасвирҳое, ки дар дохили постҳо ҳастанд, ҷавобгӯ бошанд ва дар дастгоҳҳои мобилӣ, планшетҳо ва ғ.
- Максимум фишурдани вазни тасвир бидуни паст кардани сифат (тавсеаи воситаҳо ва усулҳои ин кор - дар зер).
Вазни тавсияшаванда барои аксҳо
Тақрибан ҳама гуна тасвирҳоро ба ин ё он дараҷа фишурдан мумкин аст, бинобар ин ҳамеша тавсия дода мешавад, ки танҳо андозаи он воқеан ниёзмандро истифода баранд ва дар сайт ба таври ҷисмонӣ нишон дода шаванд ва вазни тасвирҳоро то ҳадди имкон кам кунанд. Ин барои ҳама сайтҳо дуруст аст. Аммо махсусан барои сайтҳое, ки тасвирҳои зиёд доранд. Дар ҳама ҳолатҳо ягон қоидае вуҷуд надорад, аммо тавсия додан лозим аст, ки вазни тасвир аз 70-80K зиёд набошад, агар он тасвири галерея/слайдери дорои аҳамияти махсус бошад.
2. Барои тасвир номи мувофиқро интихоб кунед
Ҳангоми ҷустуҷӯи тасвирҳо дар Google якчанд параметр ба назар гирифта мешавад, то тасвири ба дархост мувофиқро нишон диҳад. Яке аз онҳо номи файл аст. Тавсия дода мешавад, ки як сонияи дигарро сарф кунед ва ба тасвир номе гузоред, ки он чизеро, ки шумо дар тасвир мебинед, тасвир кунад. Номи файлро бо забони англисӣ нигоҳ доштан ва сатрҳои миёнаро истифода бурдан муҳим аст. Сабаб дар он аст, ки Google бо тиреҳои миёна беҳтар мубориза мебарад.
Намунаҳои номи бади тасвир:
DSC2387.jpg
Сомонаи promoter.png
Намунаи номи нек барои тасвир:
Search-engine-optimizer.jpg
Барои касоне, ки дар ҳайратанд - ҳа, Google медонад, ки чӣ гуна бо номҳои тасвирии англисӣ барои забонҳои дигар низ муносибат кунад. Тавре маълум аст, ки чӣ гуна тарҷумаи сатрҳои ҷустуҷӯ ва таъкид кардани калимаҳои тарҷумашуда дар натиҷаи ҷустуҷӯ.
3. ALT ба тасвир
Теги alt, ки ихтисораи алтернативӣ аст, параметре мебошад, ки ҳадафи тасвир кардани тасвирро дорад. Теги alt дар дохили системаи идоракунӣ/коди HTML барои ҳар як тасвир алоҳида муайян карда мешавад ва вазифаи аслии он хидматрасонӣ ба нобиноён ва маъюбон мебошад, ки аз нармафзори махсус истифода мебаранд, ки ин барчаспҳоро сканер мекунад ва навиштаҳоро мехонад.
Техникӣ дар код, чунин ба назар мерасад:
<imgsrc="tree.jpg" alt="tree">
Ғайр аз аҳамияти барчасп дар робита бо дастрасии вебсайт, он инчунин барои системаҳои ҷустуҷӯ аҳамият дорад. Теги alt ба мошинаҳои ҷустуҷӯӣ кӯмак мекунад, ки мавзӯи тасвирро дарк кунанд (дар якҷоягӣ бо дигар чизҳо, ба монанди номи файл, матни он саҳифа ва ғайра) ва инчунин табиатан ба ҷустуҷӯи тасвирҳо дар Google таъсир мерасонад.
Инчунин, теги alt қисми оптимизатсия дар ҳама саҳифа мебошад. Инчунин, вақте ки аз тасвир истиноди берунӣ мебарояд, теги alt ҳамчун тасвир лангари матн ("матни лангар") мебошад.
Чӣ гуна метавон санҷид, ки тасвир теги ALT дорад?
Якчанд роҳ вуҷуд дорад:
- Тамоми роҳ - тасвирро бо муш пахш кунед -> тугмаи ростро пахш кунед -> унсурро санҷед (калима дар браузерҳои гуногун фарқ мекунад).
- Мо мехоҳем тегро дар доираи фармони <img> тавре ки пештар нишон дода шуда буд ҷустуҷӯ кунем.
- Васлкунаки бо номи Web Developer -ро истифода баред (барои бисёр вазифаҳои дигар хуб аст). Васеъкунӣ ба мо имкон медиҳад, ки бо зер кардани як кнопка ҳамаи барчаспҳои alt-ро, ки тасвирҳо дар саҳифаи мушаххас доранд, намоиш диҳем.
Фарёди қурбоққа - Аз қурбоққаи мувофиқ истифода баред, вақте ки мо мехоҳем сканҳои дақиқи тасвирҳоро дар сайт гузаронем.
Раванди ворид кардани URL барои скан кардан ва пас ҷадвали Тасвирҳоро клик кардан аст.
Дар он ҷо мо рӯйхати тасвирҳоро дар сайт мебинем, ки онҳоро аз рӯи якчанд параметрҳо ҷобаҷо кардан мумкин аст:
- Тасвирҳо бо вазни беш аз 100 кило
- Тасвирҳо бидуни барчаспҳои ALT
- Тасвирҳо бо барчаспҳои ALT, ки зиёда аз 100 аломат доранд (ва шумо бояд онҳоро каме кӯтоҳ кунед)
Албатта роҳҳои бештар ва плагинҳои гуногуни гуногун мавҷуданд, аммо ба назари ман, ман ин мавзӯъро дар робита ба ниёз ба нуқта, ҳар сафҳа ва баррасии ҳамаҷонибаи сайт фаро гирифтаам.
Таблиғи тасвири Google - маслиҳатҳо барои оптимизатсияи барчаспҳои ALT
Шумо бояд калимаҳои калидиро маҷбур накунед, балки кӯшиш кунед, ки он чизеро, ки дар расм мебинед, тасвир кунед.
- Агар тавсифи тасвир + калимаҳои мувофиқро барои табиатан фарқ кардан имконпазир бошад - чӣ хуб аст.
- Ҳоҷат нест, ки тавсифро аз будаш зиёд нишон диҳед, теги алт 2-5 калима кофӣ аст.
- Тавсия дода мешавад, ки теги alt ва теги унвони тасвир якхела набошанд.
- Барои сайтҳои тиҷоратӣ - агар маҳсулот рақами намуна дошта бошад, тавсия дода мешавад, ки онро дар теги alt истифода баред (дар ҷустуҷӯҳои тасвири Google пайдо шавад).
Барои обои/тасвирҳои ороишӣ истифодаи алтҳо лозим нест - ҳатто тавсия дода намешавад, ки Google гумон накунад, ки шумо аз ҳад зиёд оптимизатсия карда истодаед.
4. Теги унвон барои тасвир
Сарлавҳаҳои тасвир ё сарлавҳаҳо як навъ маслиҳате мебошанд, ки тавассути интиқол додани муш дар болои тасвир дида мешавад. Бисёр одамон онҳоро бо барчаспҳои ALT омехта мекунанд.
Унвонҳои тасвир нишонаи дигари мувофиқат ва мавзӯи тасвир мебошанд, ки метавонанд ба Google дар фаҳмидани он, ки тасвир дар бораи чӣ нақл мекунад ва рейтинги ҷустуҷӯи тасвирро беҳтар созанд. Баръакси теги ALT, теги унвон одатан тавсифӣ ва каме дарозтар хоҳад буд ва ҳадафи он тавсиф кардани чизи дар тасвир дидашуда ва/ё пас аз клик кардани акс он аст. Сайтҳои хабарӣ аз ин барчасп зуд-зуд истифода мебаранд.
Ин дар код чунин ба назар мерасад:
<img class="alignnone wp-image-1323 size-full" title="Намунаи тасвири унвони">
5. Намудҳои тасвир ва васеъкунии файл
Якчанд форматҳои маъмул барои истифодаи тасвирҳо дар интернет мавҷуданд. Ман ба таври мухтасар дар бораи ҳар яки онҳо тавзеҳ медиҳам:
- JPEG/JPG - Қадимтарин ва шояд маъмултарин формати тасвирҳо дар веб. Афзалияти формати JPG қобилияти намоиш додани тасвирҳои нисбатан баландсифат ва вазнашон паст мебошад. Тасвирҳои JPG шаффофиро пуштибонӣ намекунанд.
- GIF - Формати GIF низ муддати тӯлонӣ бо мост, аз рӯзҳое, ки ҳанӯз дискетаҳо вуҷуд доштанд. Gifs танҳо 256 рангро дастгирӣ мекунад, аз ин рӯ онҳо формати сифаташ пасттар мебошанд ва пеш аз ҳама барои истифода ҳамчун нишонаҳо ё ороишҳои намудҳои гуногун пешбинӣ шудаанд. Инчунин, формати GIP аниматсияро дастгирӣ мекунад ва ҳатто Facebook ба наздикӣ дастгирии ин форматро дар навор оғоз кардааст.
Хати поён - gif барои нишон додани тасвирҳо, алахусус сухан дар бораи сифати тасвир, балки барои нишонаҳо, аниматсияҳо ва унсурҳои соддатар пешбинӣ шудааст.
- PNG - Ин формати (нисбатан) нав дар даста аст. Афзалиятҳои асосии файлҳои PNG - сифати баландтар нисбат ба JPG ва GIF ва дастгирии шаффофият. Файлҳои PNG ба 2 формат тақсим карда мешаванд - PNG24, ки сифаташ беҳтар аст (ва вазни тасвир мувофиқан) ва PNG8, ки аз ҳама иқтисодӣ аст.
Бисёр форматҳои дигари тасвир мавҷуданд, аммо онҳо барои истифода дар вебсайтҳо аҳамияти камтар доранд.
Маслиҳат - Барои онҳое, ки Photoshop -ро истифода мебаранд, ман ҳамеша тавсия медиҳам, ки вазнҳои тасвирро бо истифода аз Захира барои веб ва дастгоҳҳо байни форматҳои гуногун муқоиса кунед (пешнамоиши вазни тасвир пеш аз сабти файл вуҷуд дорад).
Қоидаҳои ангуштшумор барои интихоби форматҳои тасвир
- Дар аксари ҳолатҳо, формати JPG ин корро иҷро мекунад. Тасвирҳои JPG ба сифати баланд ва вазни пасти файл имкон медиҳанд.
- Дар файлҳои калон, ки тафсилоти зиёд доранд, GIF-ро истифода набаред - вазни файл калон хоҳад буд. Формат барои ин пешбинӣ нашудааст ва барои истифода бо унсурҳои хурд ва содда мувофиқтар аст.
- Агар шаффофият нақши муҳим дошта бошад - аз формати PNG истифода баред. Барои муқоисаи PNG24 ва PNG8 ҳамеша тавсия дода мешавад, ки вазни тасвирҳоро то ҳадди ақали имконпазир кам кунанд.
6. Истифодаи дурусти Нозукҳо

Нобудкуниҳо (пешнамоишҳо) ҷузъи муҳим ва ҳатто муҳимтарини баъзе сайтҳо мебошанд - алахусус сайтҳои галереяҳо ва сайтҳои тиҷоратӣ. Аксҳои ангуштшумор ("Нозуктар" аз Google Translateâ €) метавонад аз як тараф олӣ бошад, аммо аз тарафи дигар сайт ва таҷрибаи корбаронро ба таври назаррас саботаж кунад.
Чизи аз ҳама муҳим дар истифодаи ин тасвирҳо нигоҳ доштани сифат ва вазни то ҳадди имкон паст мебошад. Дар сайтҳои калони тиҷоратӣ, ки барои намоиш додани саҳифаҳои категорияҳо ва пешнамоишҳои маҳсулот ба ангуштдонаҳо такя мекунанд, ин далел махсусан муҳим аст. Оё шумо медонед, ки ҳар сонияи таъхир дар боркунии сайт ба Amazon солона 1,6 миллиард доллар сарф мешавад? Қисми зиёди вақти боркунӣ дар чунин сайтҳо тасвирҳо мебошанд.
Дуруст аст, ки аксарияти мо танҳо орзу карда метавонем, ки сайти ин бузургиро дошта бошем. Аммо шумо медонед - тағироти калон аз поён ба боло ва дигаргуниҳои хурд оғоз мешаванд. Ҳарчи зудтар ба беҳтар муроҷиат кунем.
Маслиҳатҳо оид ба дуруст истифода бурдани ангуштдонаҳо
Тавсия дода мешавад, ки барои ангуштдона ва тасвири калонтаре барои худи саҳифаи маҳсулот эҷод кунед. Тасвири калонро ҳамчун эскиз истифода набаред! Ин бори сайтро якчанд маротиба зиёд мекунад, алахусус вақте ки дар як саҳифа ангуштшуморҳо зиёд бошанд. Дар системаҳои гуногуни CMS, шумо ба таври худкор аз ин масъала озод карда мешавед.
Вақте ки сухан дар бораи қоидаҳои оптимизатсияи тасвир меравад, тавсия дода мешавад, ки ба тасвирҳои калон на хурдтаракҳо бештар сармоягузорӣ кунед. Масалан - ангуштдонаҳоро ба харитаи сайти тасвирҳо дохил накунед (васеъкунӣ дар зер), дар баъзе ҳолатҳо барои онҳо ҳатто барчаспҳои ALT насб накунед. Ҳадаф аз он иборат аст, ки Google тасвирҳои калонро аз ҳисоби ноболиғҳо индексатсия кунад, на баръакс.
Тавсия дода мешавад, ки унвони тасвирро ба Накшаҳо гузоред, ки маҳсулотро бо чанд калима тавсиф мекунанд ва дар маҷмӯъ пас аз клик кардани тасвир сурфер чӣ мебинад.
Агар ҳар як сафҳаи категорияи маҳсулот маҳсулоти зиёд дошта бошад (масалан, аз 30 зиёдтар), тавсия дода мешавад, ки скрипти Load Load Load истифода шавад, ки тасвирҳоро танҳо вақте пур мекунад, ки сурфер ба минтақаи худ ҳаракат кунад.
7. Истифодаи матни печондашуда
Одатан, тасвирҳо барои хидмат ба матн меоянд, на баръакс. Аммо то он даме, ки оптимизатсияи тасвир ва таблиғи тасвири Google дар назар дошта шудааст ва агар сайт шабакаи бар тасвирҳо асосёфта бошад, хеле муҳим аст, ки матнҳоро ҳатто сарфи назар накунем, ҳатто агар ин чизҳои асосӣ бошанд.
Барои онҳое, ки мехоҳанд намуди тозаву минималистро нигоҳ доранд (масалан, дар вебсайти портфели суратгирҳо), тавсия дода мешавад, ки ӯ ҳадди аққал дар ҳар сафҳае, ки тасвир дорад, чизҳои зеринро муайян кунад:
- H1 Мувофиқи мавзӯи тасвир
- Тавсифи кӯтоҳ (ҳатто 10-20 калима аз ҳеҷ чиз беҳтар аст) дар тасвир, беҳтараш бо як ё ду калимаи мувофиқ
- Албатта унвон ва тавсиф алоқаманд аст (дар сурате ки ин як сафҳаи физикӣ бошад, на тасвире, ки аз галерея пайдо мешавад).
- Alt ва унвонҳои акс - Дар ин ҳолат тавсия дода мешавад.
8. Харитаи сайт барои аксҳо
Харитаи сайти тасвир (image-sitemap.xml) ба Google кӯмак мекунад, ки тасвирҳои моро дар сайт беҳтар ва индексатсия кунад. Монанди харитаи сайти XML-и стандартӣ, харитаи сайти тасвирҳоро бо истифода аз Search Console дар минтақаи харитаҳои сайт пешниҳод кардан мумкин аст.
Дар консолҳои ҷустуҷӯ харитаи сайт илова кунед
Харитаи сайти тасвирҳо махсусан ҳангоми истифодаи ҳама гуна галереяҳо бо скриптҳо ва эффектҳои гуногун муфид аст, ки онро Google ҳангоми анъанавӣ скан кардан душвор аст.
Баъзе параметрҳо барои истифодаи харитаҳои сайти тасвирҳо мавҷуданд.
Харитаи сайтро чӣ гуна бояд сохт?
WordPress - Одатан, агар шумо дар WordPress кор кунед, зиндагии шумо осон аст. Васлкунаки Udinra All Image Site Map гӯшаи шуморо пӯшидааст. Ба шумо лозим аст, ки танҳо плагинро насб кунед, дар танзимот баъзе V-ро қайд кунед, харитаи сайтро эҷод кунед ва тавассути Google Search Console онро ба Google оғоз кунед.
Дар ягон платформаи дигар - ин вобаста аст. Агар ягон ҳалли берун аз қуттӣ ба монанди плагин ва ғайра мавҷуд набошад, ин бо истифодаи Screaming Frog анҷом дода мешавад.
Қурбоққа метавонад ба шумо осонӣ харитаи сайти тасвирҳоро таҳия кунад. Ягона мушкил - он ба таври худкор навсозӣ намешавад (ба фарқ аз плагин) ва бояд гоҳ-гоҳ нав карда шавад.
Шумо инро чӣ тавр мекунед?
Сканкунии пурраи сайти дархостшударо бояд иҷро кард ва пас дар менюи болоии нармафзор ба харитаҳои сайт -> Эҷоди тасвирҳои харитаи сайт гузаред. Он чизе ки шумо қабул мекунед, файли XML кошер барои истифода ва аз тариқи Search Console оғоз кардан аст.
9. Табодули аксро ташвиқ кунед
Агар шумо аз истифодаи бисёр тасвирҳои аслӣ (хоҳ тасвири ҷисмонӣ ё унсури графикӣ) фахр кунед ва тасвирҳо чизи асосӣ ё ҳадди аққал як қисми муҳими сайт мебошанд, корбаронро ташвиқ кардани тасвирҳоро дар шабакаҳои иҷтимоӣ хеле арзанда меҳисобед шабакаҳо ва осон кардани ин кор барои онҳо.
Одатан, ман барои платформаи WordPress маслиҳатҳои амалӣ дорам, дар дигар системаҳо тавсия медиҳам, ки барномасозро истифода барам ё тафтиш кунам, ки барои он плагини махсус вуҷуд дорад.
WordPress барои ин мақсад 2 плагини хуб дорад:
- Тасвири тасвири иҷтимоӣ барои WordPress - Васлкунаки пулакӣ (em; polish nail - 17 $).
- Pinterest Pin it Тугма - Васлкунаке, ки ба аксҳои сайт нишони хурди Pinterest илова мекунад.
10. Воситаҳои кам кардани тасвир ва оптимизатсия
TinyPNG - хидмати аъло, ки ба шумо имкон медиҳад фишурдани тасвирҳо дар Интернет бо интерфейси махсуси кашолакунӣ. Онҳо инчунин API доранд, ки ба шумо имкон медиҳад, ки ба миқдори зиёдтар ва ба таври худкор кор кунед, инчунин як плагини олие барои WordPress, ки ба шумо имкон медиҳад, ки ҳамаи тасвирҳои сайтро фишор диҳед - истифодаи API-и онҳоро талаб мекунад (барои 500 тасвир дар як моҳ ройгон).
Fotosizer - нармафзори хуби мизи корӣ, ки ба шумо имкон медиҳад тасвирҳоро ба миқдори зиёд таҳрир кунед - на танҳо фишурдан, балки коҳиш додани ҳаҷмҳо, илова кардани аломатҳои обӣ ва эффектҳои гуногун ба тасвирҳо ва бисёр дигар хусусиятҳои хуб.
Хулоса
Шумо танҳо аҳамияти оптимизатсияи тасвирҳои вебсайтро фаҳмидед. Бо вуҷуди ин, агар шумо хоҳед, ки вазъи кунунии сайти худро донед, шумо метавонед онро ба туфайли Semalt ба таври ройгон иҷро кунед Машваратҳои SEO.
Semalt ба шумо дар муайян кардани мушкилоти SEO вобаста ба сайти шумо кӯмак мекунад. Ғайр аз ин, бо Semalt мутахассисон шумо метавонед ба осонӣ баланд бардоштани фаъолияти тиҷорати онлайнатон бо арзиши камтар.