Войти как пользователь
Вы можете войти на сайт, если вы зарегистрированы на одном из этих сервисов:
< >
1 2 3 4 5

Выявы SEO: Як аптымізаваць выявы для SEO

  1. Чаму так важна, каб аптымізаваць выявы для SEO
  2. Што аптымізаваць SEO малюнка? Практычнае кіраўніцтва.
  3. Як аптымізаваць альтэрнатыўны тэкст SEO малюнкаў (ALT)
  4. Што варта тэкст ALT? Парады ..
  5. Як змяніць альтэрнатыўны тэкст для малюнкаў на WordPress
  6. Як аптымізаваць імя файла малюнкаў
  7. Прыклад аптымізацыі SEO імя файла малюнка
  8. Як аптымізаваць загалоўкі малюнкаў SEO
  9. Як змяніць загаловак малюнка на WordPress
  10. Як выкарыстоўваць подпісы выявы
  11. Як змяніць малюнак подпісы на WordPress
  12. Як аптымізаваць памер файла малюнкаў
  13. Прыклад аптымізацыі файла
  14. Як паменшыць вагу выявы (дыскавай прасторы)
  15. Лепшыя бясплатныя прылады для памяншэння малюнкаў для SEO
  16. Pixlr: рэдагаваць і аптымізаваць выявы
  17. Відэаўрок: як аптымізаваць выявы з Pixlr
  18. Compressor.io: Сціск JPEG, PNG, GIF і SVG
  19. Optimizilla: некалькі сціску JPEG і PNG
  20. kraken.io: шматразовае зніжэнне малюнкаў з перацягнуць і падзенні
  21. Як вымераць паляпшэння пасля аптымізацыі малюнка
  22. Як аптымізаваць выявы Exif тэгі для SEO будучага
  23. Як стварыць структураваныя дадзеныя для малюнкаў
  24. Як зрабіць Sitemap для малюнкаў
  25. Як аптымізаваць выявы ў мабільнай версіі
  26. Як выбраць здымкі, абуджаюць эмоцыі
  27. Выкарыстанне CDN для малюнкаў (сетка дастаўкі кантэнту)
  28. Якія перавагі CDN для малюнкаў?
  29. Як выкарыстоўваць CDN для малюнкаў?
  30. Як сказаць, калі Google дае значэнне малюнкаў для пошукавага запыту
  31. WordPress убудова для паляпшэння якасці малюнка аптычнага SEO
  32. SEO Friendly Images
  33. Smush сціску выявы і аптымізацыі
  34. W3 Total Cache
  35. WP хуткі кэш
  36. Ewww Аптымізатар малюнка
  37. Простыя памеры малюнка

Артыкул абноўлена 16 студзеня 2018

Давайце паглядзім, як дзейнічаць, і якія інструменты выкарыстоўваць для SEO малюнкаў, для паляпшэння арганічнай пошукавай аптымізацыі і выкарыстоўваць Google Images , Дабаўкі лістапада / Снежань 2017 года будуць абноўлены, ўкараненне новых убудоў , даступных для WordPress, новыя прылады для вымярэння прадукцыйнасці, структураваных дадзеных для малюнкаў, новыя відэа - урокі, важнасць выкарыстання CDN, і многае іншае.

РЭЗЮМЭ: Што вы знойдзеце ў гэтай пасадзе?

Чаму так важна, каб аптымізаваць выявы для SEO

  1. Таму што фатаграфіі могуць вызначыць поспех пасады.
  2. Паколькі пошукавыя сістэмы могуць атрымаць неабходную інфармацыю контекстуализировать малюнка; і гэта дазваляе «павышэнне якасці кантэнту.
  3. Паколькі аптымізаваныя выявы могуць забяспечыць лепшую прадукцыйнасць вэб - сайт (павелічэнне хуткасці).
  4. Для таго, каб палепшыць карыстацкі досвед ».
Артыкул абноўлена 16 студзеня 2018   Давайце паглядзім, як дзейнічаць, і якія інструменты выкарыстоўваць для SEO малюнкаў, для паляпшэння арганічнай пошукавай аптымізацыі і выкарыстоўваць   Google Images   ,  Дабаўкі лістапада / Снежань 2017 года будуць абноўлены, ўкараненне новых убудоў , даступных для WordPress, новыя прылады для вымярэння прадукцыйнасці, структураваных дадзеных для малюнкаў, новыя відэа - урокі, важнасць выкарыстання CDN, і многае іншае

Чаму Аптымізацыя малюнкаў для SEO перспектывы?

Недаацэнка важнасці SEO малюнкаў на вэб - старонцы з'яўляецца сур'ёзнай памылкай, як у аспекце аптымізацыі для пошукавых сістэм, і, што больш важна, для аднаго , звязанага з «карыстацкага досведу: не забывайце , што малюнка прыносяць карысць людзям , якія чытаюць змест. І мы заўсёды мець на ўвазе, што Google працуе, каб забяспечыць гэты аспект! SEO, сёння, у першую чаргу, павінна ісці ў напрамку паляпшэння карыстацкага досведу (UX).

Часта блогеры (або той , хто мае справу з утрыманнем на вэб - сайтах) не даюць значэнне выбару малюнкаў: гэты фактар, аднак, можа вызначыць поспех пост.

Што аптымізаваць SEO малюнка? Практычнае кіраўніцтва.

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

У наступных параграфах мы бачым ідэальны даведнік па аптымізацыі.

Як аптымізаваць альтэрнатыўны тэкст SEO малюнкаў (ALT)

Атрыбут ALT тэга IMG

ALT азначае «альтэрнатыўны тэкст» з'яўляецца элемент HTML , каб быць звязаны з Нятэкставыя часткамі кантэнту ( у асноўным выяву) прадставіць апісанне, у выпадку , калі яны не могуць быць адлюстраваны.

Аптымізаваць альтэрнатыўны тэкст малюнка аптычнага SEO

Той факт, што ў стане аптымальна выкарыстоўваць атрыбут ALT малюнкаў мае шмат пераваг.

  • Найбольш вядомыя і неадкладны з'яўляецца кансалідацыяй тэкставага кантэнту.
  • Мы не варта недаацэньваць той факт, што яны знайшлі на Google Images : АЛТ, па сутнасці, адзін з элементаў , якія выкарыстоўваюцца Google для класіфікацыі малюнкаў.
  • Менш вядома , перавагай з'яўляецца тое, мабыць, самае галоўнае: «даступнасць вэб - старонак. Атрыбут ALT, па сутнасці, з'яўляецца інтэрпрэтацыяй малюнкаў з дапамогай галасавых счытвальнікаў для сьляпых.
Што варта тэкст ALT? Парады ..

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

У тым выпадку, калі малюнак не было цалкам рэлевантным ключавым слова, можна звярнуцца да метаду , які будзе растлумачыць на прыкладзе. Калі ключавыя словы для значэння па змесце было «яблык», і, па якой - то прычыне, я павінен быў ўставіць малюнак грушы, я мог бы стварыць альтэрнатыўны тэкст , напрыклад: «Мы прадаем прыгожыя яблыкі, але гэтыя смачныя грушы.»

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

Як змяніць альтэрнатыўны тэкст для малюнкаў на WordPress

Проста адкрыўшы малюнак ва ўпраўленні «Medium», ці непасрэдна ад пасады, а таксама змены ў полі «Альтэрнатыўны тэкст».

Проста адкрыўшы малюнак ва ўпраўленні «Medium», ці непасрэдна ад пасады, а таксама змены ў полі «Альтэрнатыўны тэкст»

Аптымізацыя альтэрнатыўнага тэксту для малюнкаў на WordPress

[Tweet "#SEO - Што павінен альтэрнатыўны тэкст (#alt) малюнак?"]

Як аптымізаваць імя файла малюнкаў

Імёны файлаў малюнкаў павінны быць «гаварыць», які пабудаваны такім чынам, каб забяспечыць далейшае апісанне (без перабольшання з даўжынёй); пошукавыя сістэмы, па сутнасці, таксама выяўляюць гэтыя дадзеныя. Дапусцім , што правіла такое ж , як «смоўж» вэб - старонак: словы , падзеленыя злучком ( «-»).

Дапусцім , што правіла такое ж , як «смоўж» вэб - старонак: словы , падзеленыя злучком ( «-»)

Аптымізацыя малюнка: імя файла

І «лепш не выкарыстоўваць прабелы ў імёнах файлаў , якія выкарыстоўваюцца на вэб - старонках, URL ў прасторы замяняецца на"% 20 "радкі, што робіць URL мнеманічную менш і менш неадкладным.

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

Прыклад аптымізацыі SEO імя файла малюнка

Устаўка малюнка IMG_5216.JPG прызначаны такім чынам (гэта значыць тыповыя імёны , якія камера прызначаныя фатаграфіі) мае мала сэнсу ў SEO перспектыве. І «нашмат лепш выкарыстоўваць такія імёны , як як-аптымізуюць-вобразы-seo.jpg.
Я паўтараю, што гэта мае вырашальнае значэнне дарэчнасць назвы выявы з тым, што яна ўяўляе сабой і кантэкст пункта, у якім ён утрымліваецца.

Як аптымізаваць загалоўкі малюнкаў SEO

Атрыбут TITLE тэга IMG

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

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

Каб даведацца больш, я рэкамендую прачытаць наступнае змест, або кіраўніцтва Google для малюнкаў: https://goo.gl/V5FtrU

Як змяніць загаловак малюнка на WordPress

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

Як выкарыстоўваць подпісы выявы

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

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

Як змяніць малюнак подпісы на WordPress

У той жа панэлі , раней бачылі для альтэрнатыўнага тэксту і загалоўка, поле «Подпіс» прысутнічае.

Як аптымізаваць памер файла малюнкаў

Аптымізацыя выявы: памер файла

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

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

Прыклад аптымізацыі файла

Калі я inserissi на вэб-старонцы выява 1260 х 1050 пікселяў, з памерам 3MB са наступным сінтаксісам,

<IMG SRC = "/ мой-picture.jpg" альт = "Маё малюнак" назва = "Мая карціна" шырыня = "100" вышыня = "63" />

на вэб-старонцы будзе выглядаць наступным чынам (100 х 63 кропак, якое памер паказвае атрыбуты тэга IMG):

Праблема заключаецца ў тым, што браўзэр, каб мець магчымасць праглядаць, прыйдзецца загружаць 3MB дадзеных. Малюнак гэтага тыпу (той, на малюнку), аптымізаванай таксама можа быць менш, чым у тысячу разоў, што значна паскарае адкрыццё вэб-старонкі.

Як паменшыць вагу выявы (дыскавай прасторы)

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

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

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

Лепшыя бясплатныя прылады для памяншэння малюнкаў для SEO

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

Pixlr: рэдагаваць і аптымізаваць выявы

Pixlr , Дазваляе выканаць любую апрацоўка на малюнках можа быць выкарыстана на ўсе прылады, дзякуючы прыкладанням для Android і Apple, а таксама даступны ў якасці пашырэння для браўзэра Firefox і Google Chrome. Можна сказаць, што гэта Photoshop даступныя праз Інтэрнэт. Для тэхнікаў , каб зразумець сілу праграмнага забеспячэння, мы лічым , што ўмее адкрываць і рэдагаваць PSD узроўняў файлаў.

Відэаўрок: як аптымізаваць выявы з Pixlr

Compressor.io: Сціск JPEG, PNG, GIF і SVG

Compressor.io Гэта бясплатнае і простае ў выкарыстанні, што дазваляе знізіць «вага» малюнкаў да больш чым 90% без страты інфармацыі, а затым , не губляючы успрыманае якасць.

io   Гэта бясплатнае і простае ў выкарыстанні, што дазваляе знізіць «вага» малюнкаў да больш чым 90% без страты інфармацыі, а затым , не губляючы успрыманае якасць

SEO Выявы: Аптымізацыя з Compressor.io

Дапушчальныя фарматы малюнкаў JPEG, PNG, SVG і GIF.

Optimizilla: некалькі сціску JPEG і PNG

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

Дададзены кошт інструмента прадстаўлена магчымасцю шматразовай загрузкі і апрацовак: да 20 файлаў адначасова.
Падтрымліваюцца фарматы JPEG і PNG ..

kraken.io: шматразовае зніжэнне малюнкаў з перацягнуць і падзенні

kraken.io Яна мае сучасны інтэрфейс і інтуітыўна. Гэта дазваляе загружаць адзін малюнак або групу малюнкаў (нават у ZIP-архіве), з магчымасцю імпартаваць іх з Box, Google Drive і Dropbox.

Гэта дазваляе загружаць адзін малюнак або групу малюнкаў (нават у ZIP-архіве), з магчымасцю імпартаваць іх з Box, Google Drive і Dropbox

Kraken.io

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

Як вымераць паляпшэння пасля аптымізацыі малюнка

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

[Tweet «#SEO - Як паменшыць памер малюнка?»]

Як аптымізаваць выявы Exif тэгі для SEO будучага

тэг Exif (Зменная фармат файла малюнка) метададзеныя адрозніваючы малюнка, якія інтэрпрэтуюцца ў пошукавых сістэмах. І «дзякуючы гэтых дадзеных, Google Выява можа фільтраваць вынікі. Прыкладам можа служыць новы фільтр «права карыстання» , што ідзе чытаць метададзеныя , звязаныя з аўтарскім правам.

Прыкладам можа служыць новы фільтр «права карыстання» , што ідзе чытаць метададзеныя , звязаныя з аўтарскім правам

Аптымізацыя малюнка: Exif тэгі

Давайце паглядзім падрабязна ўсю даступную інфармацыю.

  • Дата і час,
  • інфармацыя пра налады камеры, якія стварылі вобраз,
  • невялікі папярэдні прагляд,
  • апісанне і інфармацыя аб аўтарскіх правах.

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

У цяперашні час не ўсе пошукавыя сістэмы могуць інтэрпрэтаваць тэг Exif, але гэта добра , каб быць гатовымі , калі яны будуць мець вырашальнае значэнне. Ці існуе якое- небудзь спецыяльнае праграмнае забеспячэнне для рэдагавання і аптымізаваць іх, але я прапаную выкарыстоўваць найбольш вядомы Adobe Photoshop або Google Picasa.

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

Сёння, у 2017 годзе, мы можам быць бліжэй да гэтай будучыні .. таму, чаму рызыка негатовасці?
У іншым выпадку, мы маглі б думаць , што нядаўнія поспехі «штучнага інтэлекту ў распазнанні малюнка будзе дастаткова , каб атрымаць нейкія - небудзь дадзеныя з іх .. у хуткім часе мы даведаемся!

[Tweet «#SEO - Як выкарыстоўваць тэг Exif, каб даць бачнасць нашых малюнкаў»]

Як стварыць структураваныя дадзеныя для малюнкаў

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

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

Як зрабіць Sitemap для малюнкаў

Аптымізацыя малюнка: Google Sitemap

Як мы ведаем, Sitemaps з'яўляюцца незаменным элементам для аптымальнага узаемадзеяння паміж вэб - сайта і пошукавых сістэм. Google, праз сінтаксіс спецыяльнага дазваляе стварыць карту сайта для канкрэтных малюнкаў.
Наступны прыклад карты сайта быў узяты з афіцыйная дакументацыя даступныя на Google Search Console ,

Дадзеныя, якія складаюць вузел, які вызначае малюнак наступным чынам:

  • <Першая Малюнак>: уся інфармацыя па малюнку (кантэйнер тэга);
  • <Першая LOC>: URL малюнка;
  • <Першая загаловак>: Загаловак выявы;
  • <Першая geo_location>: геаграфічнае становішча малюнка;
  • <Першая назва>: Назва выявы;
  • <Першая ліцэнзія>: URL - адрас з ліцэнзіяй малюнка.

&lt;? XML версія = "1.0" кадаванне = "UTF-8"?>
<URLset XMLNS = "http://www.sitemaps.org/schemas/sitemap/0.9" XMLNS: выява = "http://www.google.com/schemas/sitemap-image/1.1">
<Url>
<LOC> http://example.com/sample.html </ LOC>
<Першая Малюнак>
<Першая LOC> http://example.com/image.jpg </ малюнак: LOC>
</ Выява: малюнак>
</ Url>
</ URLset>

Як аптымізаваць выявы ў мабільнай версіі

Для аптымізацыі малюнка нават пры праглядзе вэб - сайта з мабільнага прылады (які сёння з'яўляецца істотным, улічваючы атрыбут «srcset , што мы заўсёды кажам пра больш чым Mobile-First Index), мы сутыкаемся», якая дазваляе ўсталяваць " рэзка «малюнкаў у розных дазволах або розных памерах вобласці адлюстравання (прагляд).

Просты прыклад:

<IMG
srcset = «ар-320w.jpg 320W,
ар-480w.jpg 480W,
ар-800w.jpg 800w "
Памеры = «(макс-шырыня: 320px) 280px,
(Макс-шырыня: 480px) 440px,
800px "
SRC = "ар-800w.jpg" альт = "Hello World!">

Як выбраць здымкі, абуджаюць эмоцыі

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

Важны аспект варта ўлічваць пры выбары малюнка для артыкула з'яўляецца «пачуццём , што мы индуцируем ў чытачах. Паспрабуйце думаць аб тым, што адбываецца, як толькі вы адкрываеце вэб-старонку ... Я думаю, што ставіцца да ўсіх па той жа схеме: першыя выявы, а затым тэкст.

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

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

Выявы, напрыклад, дзеці, ўсмешка можа дапамагчы стымуляваць пяшчота і ціхамірнасць чытачоў; Малюнкі людзей , якія падбадзёрваюць, стымуляваць павелічэнне ўнутранай энергіі. Я б не выкарыстоўваць «некарэктныя» фатаграфіі, або хто можа атрымаць з негатыўных эмоцый, для карыстальнікаў і не генераваць рост не бегчы з паказчык адмоваў (Працэнт карыстальнікаў, якія не выходзяць за межы першай старонкі вы наведваеце).

[Tweet «#SEO - выкарыстанне малюнкаў, якія робяць чытанне прыемным паменшыць хуткасць адскоку»]

Выкарыстанне CDN для малюнкаў (сетка дастаўкі кантэнту)

Што такое CDN для малюнкаў

CDN (Content Delivery Network - сетка распаўсюджвання кантэнту) уяўляе сабой сусветная сетка сервераў , якія пераразмяркоўваюць выявы лакальна (але і іншы кантэнт , калі яны загружаныя). Гэтыя серверы аптымізаваныя для гэтай дзейнасці, на самай справе, малюнкі захоўваюцца «кэшаваныя» для таго , каб зрабіць ультра хуткі пошук.

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

SEO малюнка: навошта выкарыстоўваць CDN?

Якія перавагі CDN для малюнкаў?

Гэты тып аптымізацыі, як гэта разумелася ў папярэднім абзацы, не непасрэдна на фатаграфіі, але гэта «іншая практыка выкарыстання малюнкаў вэб - сайта».
Асноўнымі перавагамі з'яўляюцца:

  • павялічыць хуткасць загрузкі, і гэта ўключае ў сябе, як мы ведаем, паляпшэнне «карыстацкага досведу, але і вялікую эксплуатацыю поўзаць бюджэт ;
  • памяншаючы нагрузку на сервер;
  • паскарэнне загрузкі з кожнай часткі свету;
  • скарачэння (много) з адзнак любога тэсту Page Speed.

Як выкарыстоўваць CDN для малюнкаў?

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

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

  • Бясплатнае рашэнне (але вельмі магутны). убудова JetPack Ён дае гэтую паслугу бясплатна, якая называецца фатон , Проста уключыце яго ў наладах Jetpack і ўступаюць у сілу неадкладна! Гэты вэб-сайт, у гэты час (лістапад 2017) выкарыстоўвае яго.
  • Платныя рашэння. Калі вы будзеце шукаць сярод плагіна, вы знойдзеце вялікая колькасць рашэнняў, распрацаваных непасрэдна ад пастаўшчыкоў паслуг CDN: ёсць, каб атрымліваць задавальненне! Акрамя таго, амаль усе убудовы для кіравання кэшам забяспечваюць падтрымку CDN.

WP хуткі кэш (які мы ўбачым пазней на гэтай пасадзе , і я рэкамендую), забяспечвае падтрымку як Фатон, як MaxCDN, але магчымасць наладзіць любы CDN набываецца ў якасці службы.

У мэтах далейшага паглыблення «выкарыстанне CDN для аптымізацыі малюнкаў для SEO, але і паскорыць вэб - сайты, я рэкамендую прачытаць наступнае паведамленне: Паскорыць WordPress для SEO і атрымаць 100/100 ад PageSpeed Insight. Дапамога і разважанні ,

Як сказаць, калі Google дае значэнне малюнкаў для пошукавага запыту

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

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

Тыпы «ўзбагачэння» найбольш вядомыя:

  • прыкметах сниппет (нулявое становішча)
  • водгукі
  • спасылкі на сайце
  • відэа
  • вобразнасць
  • панэль ведаў
  • платныя аб'явы
  • лакальныя вынікі

SEO малюнка: Google Універсальны пошук

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

Вось некаторыя прыклады:

  • калі я шукаю "як складаць кашулі» гэта цалкам прадказальна , што Google прапануе мне відэа;
  • калі я шукаю "як аптымізаваць выявы ў аптычных аптымізатараў», Google, верагодна , дасць мне тэкставыя вынікі з дадатковымі спасылкамі і «прыкметамі ўтрымання»;
  • калі я спрабую «просты арыгамі», гэта амаль відавочна , што SERP я буду прапаноўваць фатаграфіі і відэа.

Для тых , хто выкарыстоўвае ў якасці SEMrush SEO інструмент , Яны нядаўна ўвялі функцыю пад назвай «SERP Асаблівасці», які, побач з кожным ключавым словам , размешчаным на вэб - сайт праекта, пазначыць , якія мультымедыйныя элементы прысутнічаюць у адпаведным SERP.

Для тых , хто выкарыстоўвае ў якасці SEMrush   SEO інструмент   , Яны нядаўна ўвялі функцыю пад назвай «SERP Асаблівасці», які, побач з кожным ключавым словам , размешчаным на вэб - сайт праекта, пазначыць , якія мультымедыйныя элементы прысутнічаюць у адпаведным SERP

SERP асаблівасці SEMRush

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

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

Я завяршаю спрэчка з іншым нядаўна рэкамендаваных інструментам развіцця. тут WordLift : A WordPress убудова , які, дзякуючы семантычнага аналізу, штучнаму інтэлекту, атрымоўваецца інтэграваць кантэнт з элементамі мультымедыя (уключаючы аптымізаваныя выявы, вядома, ідзе , каб атрымаць бясплатныя схемы) для таго , каб «прыліпаць» да запытаў пошукавая выдача.

WordPress убудова для паляпшэння якасці малюнка аптычнага SEO

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

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

Аптымізацыя малюнка: WordPress убудова

SEO Friendly Images

Убудова простай канфігурацыі, але ён дае выдатныя вынікі. Гэта дазваляе ўсталёўваць правілы аўтаматычнай генерацыі ALT і TITLE атрыбуты ўсяго гэтага вэб-сайта. Тэгі , даступныя для стварэння правілаў% назва (назва) пасля дамену% (імя файла без пашырэння),% катэгорыі (катэгорыя паста),% пазнакі (пазнакі , звязаныя з пасадай).
Для тых, хто хоча ведаць больш, я стварыў міні Сярэдні агляд ,

Smush сціску выявы і аптымізацыі

Ключавы кампанент для тых, хто не аптымізуе файлы малюнкаў перад загрузкай. Убудова праца ён робіць, паляпшэнне файлаў памяншаючы іх памер, да наступнага павелічэння вэб-старонках, якая адкрываецца хуткасць. Выступоўцы па розных аспектах: файлы Сціск JPEG і памяншае метададзеныя нявыкарыстаных, пераўтворыць GIF ў PNG «індэксавацца» для павелічэння прадукцыйнасці, выдаляе колеру не выкарыстоўваюцца , каб паменшыць памер.
Для тых, хто хоча ведаць больш, я стварыў міні Сярэдні агляд ,

W3 Total Cache

Убудова , які непасрэдна не звярнуўся да вобразаў, але гэта элемент , які не можа прапусціць , калі справа даходзіць да аптымізацыі , каб павялічыць хуткасць сайта ў WordPress. W3TC, па сутнасці, з'яўляецца кіраванне кэш сістэмных старонак, базы дадзеных, і браўзэр. Яна таксама дазваляе, праз «Мінімізаваць» функцыю для сціску кода.
Для тых, хто хоча ведаць больш, я стварыў міні Сярэдні агляд ,

Для таго, каб атрымаць больш падрабязную інфармацыю па аптымізацыі WordPress я рэкамендую наступны пост: Зрабіць WordPress SEO: Саветы па аптымізацыі ,

WP хуткі кэш

Альтэрнатыва папярэдняга плягіну, на менш грандыёзнымі налады для налады, і «падключыў і гуляць» убудова ў дадзены момант (2017/11/11), мой сайт , выкарыстоўваючы яго, разам з больш чым за 400 000 іншых аб'ектаў.
Спасылка на убудова: https://goo.gl/6WQ5DZ

Ewww Аптымізатар малюнка

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

Убудова аптымізуе ўсе выявы, якія загружаюцца, але і працуе выбарачна на старонку або каталог, або ў фонавым рэжыме. Функцыя , якая робіць яго унікальным з'яўляецца магчымасць аптымізацыі малюнкаў , якія складаюць тэму, а не толькі тых , хто працуе ў СМІ.
Спасылка на убудова: https://goo.gl/ugpge8

Простыя памеры малюнка

Гэты убудова дазваляе ствараць «парэзы» (з пункту гледжання памеру) спецыяльнага малюнка для вэб - сайта. З дапамогай гэтай функцыі вы можаце разлічваць на малюнках дакладна неабходнага памеру, таму заўсёды аптымізаваны для гэтай мэты. Я выкарыстоўваю яго на працягу доўгага часу ва ўсіх сайтах, якія я кірую.
Спасылка на убудова: https://goo.gl/NfDDQj

[Tweet «#SEO & #wordpresss - Як аптымізаваць выявы для паляпшэння рэйтынгу»]

Як выкарыстоўваць CDN для малюнкаў?
РЭЗЮМЭ: Што вы знойдзеце ў гэтай пасадзе?
Чаму Аптымізацыя малюнкаў для SEO перспектывы?
Што аптымізаваць SEO малюнка?
Што варта тэкст ALT?
Чаму гэта так важна для аптымізацыі SEO малюнкаў?
Аму, чаму рызыка негатовасці?
Lt;?
Кадаванне = "UTF-8"?
SEO малюнка: навошта выкарыстоўваць CDN?