ΠΊΠ°ΠΊΠΎΠ΅ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ Π½Π°Π΄ΠΎ ΡΡΠ°Π²ΠΈΡΡ Π΄Π»Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π½Π° ΡΠ°ΠΉΡ
ΠΠΎΡΠ°Π³ΠΎΠ²Π°Ρ ΠΈΠ½ΡΡΡΡΠΊΡΠΈΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΎΠΏΡΠΈΠΌΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΈ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°
Π ΡΠ½ΠΎΠ²Π° Π·Π΄ΡΠ°Π²ΡΡΠ²ΡΠΉΡΠ΅, Π΄ΠΎΡΠΎΠ³ΠΈΠ΅ ΠΌΠΎΠΈ ΡΠΈΡΠ°ΡΠ΅Π»ΠΈ. Π‘ Π²Π°ΠΌΠΈ Π½Π° ΡΠ²ΡΠ·ΠΈ, Π’ΠΈΠΌΡΡ ΠΡΡΡΠ°Π΅Π². Π‘Π΅Π³ΠΎΠ΄Π½Ρ Ρ ΠΎΡΡ ΠΎΡΠΎΠΉΡΠΈ ΠΎΡ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉ ΡΠ΅ΠΌΡ ΠΈ ΡΠ°ΡΡΠΊΠ°Π·Π°ΡΡ Π²Π°ΠΌ, ΠΏΡΠΎ ΠΎΠΏΡΠΈΠΌΠ°Π»ΡΠ½ΡΠΉ ΡΠ°Π·ΠΌΠ΅Ρ ΡΠΎΡΠΎ Π΄Π»Ρ ΡΠ°ΠΉΡΠΎΠ². ΠΠ½ΠΎΠ³ΠΈΠ΅ ΡΠΎΠ²Π΅ΡΡΠ°ΡΡ Π³ΡΡΠ±Π΅ΠΉΡΠΈΠ΅ ΠΎΡΠΈΠ±ΠΊΠΈ, ΠΊΠΎΠ³Π΄Π° ΠΏΡΠ±Π»ΠΈΠΊΡΡΡ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΈ, Π²Π·ΡΡΡΠ΅ ΡΡΠ°Π·Ρ ΠΈΠ· ΡΠΎΡΠΎΠ°ΠΏΠΏΠ°ΡΠ°ΡΠ°. Π‘Π΅Π³ΠΎΠ΄Π½Ρ Π²Ρ ΡΠ·Π½Π°Π΅ΡΠ΅, ΠΊΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ ΠΏΠΎΠ΄Π³ΠΎΡΠ°Π²Π»ΠΈΠ²Π°ΡΡ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΈ, Π΄Π»Ρ ΠΏΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΠΈ Π½Π° ΡΠ°ΠΉΡΠ°Ρ .
Π‘ ΡΠ΅Π³ΠΎ Π²ΡΠ΅ Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ?
ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΏΠΎΠ»ΡΡΠ°Π΅ΠΌΡΠ΅ ΡΠΈΡΡΠΎΠ²ΠΎΠΉ ΠΊΠ°ΠΌΠ΅ΡΠΎΠΉ, ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΡΡΡΡΡ Π² ΡΠΎΡΠΌΠ°Ρ JPEG ΠΏΡΡΠΌΠΎ Π² ΡΠ°ΠΌΠΎΠΌ ΡΠΎΡΠΎΠ°ΠΏΠΏΠ°ΡΠ°ΡΠ΅. Π’Π°ΠΌ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ Π΅ΡΡΡ Π°ΠΏΠΏΠ°ΡΠ°ΡΠ½ΡΠΉ ΠΊΠΎΠ΄Π΅ΠΊ.
ΠΡΡ ΠΎΠ΄Π½ΡΠΉ ΡΠΎΡΠΌΠ°Ρ RAW ΠΈΠΌΠ΅Π΅Ρ ΡΠ»ΠΈΡΠΊΠΎΠΌ Π±ΠΎΠ»ΡΡΠΎΠΉ ΠΎΠ±ΡΠ΅ΠΌ Π΄Π°Π½Π½ΡΡ , Ρ ΠΎΡΡ ΠΎΠ½ ΠΈ Ρ ΡΠ°Π½ΠΈΡ ΠΌΠ°ΠΊΡΠΈΠΌΡΠΌ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ ΠΎΠ± ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΈ, ΠΎ ΡΠ½ΡΡΠΎΠΌ ΠΊΠ°Π΄ΡΠ΅. ΠΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Π·Π°ΡΡ, ΡΡΠΎ ΡΡΠΎ ΠΊΠΎΠΏΠΈΡ ΠΌΠ°ΡΡΠΈΡΡ ΠΊΠ°ΠΌΠ΅ΡΡ Π½Π° ΠΌΠΎΠΌΠ΅Π½Ρ ΡΡΠ΅ΠΌΠΊΠΈ.
ΠΠΎ Π² ΡΠ°ΠΊΠΎΠΌ βΡΡΡΠΎΠΌβ Π²ΠΈΠ΄Π΅ Π΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π½Π΅Π»ΡΠ·Ρ. ΠΠΎΡΡΠΎΠΌΡ RAW ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»Ρ, ΠΊΠ°ΠΊ ΠΎΡΠΏΡΠ°Π²Π½ΡΡ ΡΠΎΡΠΊΡ Π΄Π»Ρ Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅ΠΉ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠΈ, β Π»ΠΈΠ±ΠΎ ΠΎΡΠ΅Π½Ρ ΡΠΆ ΠΊΡΡΡΡΠ΅ ΡΠΎΡΠΎΡ ΡΠ΄ΠΎΠΆΠ½ΠΈΠΊΠΈ, Π»ΠΈΠ±ΠΎ ΡΠΊΡΠΏΠ΅ΡΡΡ: Π² ΠΎΠ±Π»Π°ΡΡΠΈ Π½Π°ΡΠΊΠΈ, ΡΠ΅Ρ Π½ΠΈΠΊΠΈ, ΠΊΡΠΈΠΌΠΈΠ½Π°Π»ΠΈΡΡΠΈΠΊΠΈ, ΠΈΠ»ΠΈ ΠΌΠ΅Π΄ΠΈΡΠΈΠ½Ρ. Π ΡΠ΅Ρ ΡΠ»ΡΡΠ°ΡΡ , ΠΊΠΎΠ³Π΄Π° Π½Π°Π΄ΠΎ Π²ΡΡΡΠ½ΡΡΡ ΠΌΠ°ΠΊΡΠΈΠΌΡΠΌ ΠΊΠ°ΡΠ΅ΡΡΠ²Π° ΠΈΠ· ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΠ³ΠΎ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
ΠΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ ΡΠ΅ΠΏΠΎΡΡΠ΅ΡΠΎΠ² ΠΈ Π΄Π°ΠΆΠ΅ Ρ ΡΠ΄ΠΎΠΆΠ½ΠΈΠΊΠΎΠ² Π΄ΠΎΠ²ΠΎΠ»ΡΡΡΠ²ΡΡΡΡΡ JPEG, Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Ρ ΠΊΠ°ΠΌΠ΅ΡΡ ΠΏΠΎΠ΄ ΡΠ²ΠΎΠΈ ΡΠ΅Π»ΠΈ. (ΠΡΠ±ΠΎΠΉ ΡΠΎΡΠΎΠ³ΡΠ°Ρ Π²Π°ΠΌ ΡΠΊΠ°ΠΆΠ΅Ρ β Π΄Π°ΠΉΡΠ΅ ΠΌΠ½Π΅ ΡΠ²Π΅ΡΠΎΡΠΈΠ»Ρ, Π° Π·Π΅ΡΠ½ΠΎ Π²ΠΎ Π²ΡΠΎΡΡΡ ΠΎΡΠ΅ΡΠ΅Π΄Ρ. ΠΠΎΡΡΠΎΠΌΡ ΠΎΠ³ΡΠΎΠΌΠ½ΡΠΉ ΠΎΠ±ΡΠ΅ΠΊΡΠΈΠ² Ρ ΠΏΡΠΎΡΠ²Π΅ΡΠ»Π΅Π½Π½ΠΎΠΉ ΠΎΠΏΡΠΈΠΊΠΎΠΉ ΡΠ΅Π½ΠΈΡΡΡ Π±ΠΎΠ»ΡΡΠ΅, ΡΠ΅ΠΌ ΠΌΠ°ΡΡΠΈΡΠ° Ρ ΠΎΠ³ΡΠΎΠΌΠ½ΡΠΌ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ΠΌ.)
ΠΠΎ ΠΈ Π² ΡΡΠΎΠΌ Π²ΠΈΠ΄Π΅, ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΈ Π²Π΅ΡΡΡ ΠΎΡΠ΅Π½Ρ ΠΏΡΠΈΠ»ΠΈΡΠ½ΠΎ Π² ΠΌΠ΅Π³Π°Π±Π°ΠΉΡΠ°Ρ . ΠΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΠΈ ΠΊΠ°ΠΌΠ΅Ρ ΡΡΠ°Π²ΡΡ Π½Π° ΠΏΠ΅ΡΠ²ΠΎΠ΅ ΠΌΠ΅ΡΡΠΎ ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΈ ΠΎΠ½ΠΎ ΠΊΠΎΠ΄ΠΈΡΡΠ΅ΡΡΡ Ρ Π½ΠΈΡ Π² JPEG ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π±Π΅Π· ΡΠΆΠ°ΡΠΈΡ, Π½ΠΎ Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠΎΠΉ, ΠΎΡΠ½ΠΎΡΡΡΠ΅ΠΉΡΡ ΠΊ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΠΎΠΉ ΠΌΠΎΠ΄Π΅Π»ΠΈ ΠΊΠ°ΠΌΠ΅ΡΡ.
ΠΠ΅Π»Π°ΡΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ Ρ ΡΠ°ΠΊΠΈΠΌΠΈ ΡΠΎΡΠΊΠ°ΠΌΠΈ, ΠΏΡΠΈ Π²ΡΠ΅ΠΌ ΠΈΡ ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅, β Π΄Π΅Π»ΠΎ Π½Π΅Π±Π»Π°Π³ΠΎΠ΄Π°ΡΠ½ΠΎΠ΅. ΠΠ½ΠΈ ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎ Π³ΡΡΠ·ΡΡΡΡ.
Π‘ΠΊΠΎΡΠΎΡΡΡ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· ΡΠ°ΠΌΡΡ
-ΡΠ°ΠΌΡΡ
Π²Π°ΠΆΠ½ΡΡ
ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ² ΡΠ°ΠΉΡΠ°, ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ ΠΊΠΎΠΌΠΌΠ΅ΡΡΠ΅ΡΠΊΠΎΠ³ΠΎ. ΠΠ° ΠΈ ΠΏΡΠΎΡΡΡΠ΅ Π±Π»ΠΎΠ³ΠΈ Π±ΡΡΡΡΠΎ ΡΠ°Π·ΠΎΡΠ°ΡΡΡΡ ΡΠ²ΠΎΠΈΡ
ΠΏΠΎΠΊΠ»ΠΎΠ½Π½ΠΈΠΊΠΎΠ², Π΅ΡΠ»ΠΈ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΡ ΠΊΠ°ΠΊΠΎΠ³ΠΎ-ΡΠΎ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎΠ³ΠΎ ΠΈΠ»ΠΈ ΠΈΠ½ΡΡΠΈΠ³ΡΡΡΠ΅Π³ΠΎ ΡΠΎΡΠΎΡΠ΅ΡΠ° ΠΏΡΠΈΠ΄Π΅ΡΡΡ ΠΆΠ΄Π°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π΄Π΅ΡΡΡΠΊΠΎΠ² ΡΠ΅ΠΊΡΠ½Π΄ ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΌΠΈΠ½ΡΡ. Π’Π°ΠΊ ΡΡΠΎ ΡΡΡ Π²Π°ΠΆΠ½ΠΎ, ΠΈ ΡΡΠΎ ΠΏΡΠ΅Π΄ΠΏΠΎΡΠ΅ΡΡΡ, ΠΈ ΠΊΠ°ΠΊ ΡΡΠΎ ΡΠ΄Π΅Π»Π°ΡΡ?
ΠΠ°Π²Π°ΠΉΡΠ΅ ΡΠ°Π·Π±Π΅ΡΠ΅ΠΌ ΠΏΠΎ ΠΏΠΎΡΡΠ΄ΠΊΡ.
ΠΠΏΡΠΈΠΌΠ°Π»ΡΠ½ΡΠΉ ΡΠ°Π·ΠΌΠ΅Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ
ΠΠΎ-ΠΏΠ΅ΡΠ²ΡΡ , Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΡΠ΅ΠΊΡΡ, Π½ΠΎ ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈΠ½Π΄Π΅ΠΊΡΠΈΡΡΡΡΡΡ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΠΌΠΈ ΡΠΈΡΡΠ΅ΠΌΠ°ΠΌΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠ΅Π΄ΠΏΠΎΡΠΈΡΠ°ΡΡ Π±ΠΎΠ»ΡΡΠΈΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΠΌΠ°Π»Π΅Π½ΡΠΊΠΈΠΌ. ΠΠ½Π°ΡΠΈΡ, ΡΠ°Π·ΠΌΠ΅Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΡΠ΅Π»Π΅ΡΠΎΠΎΠ±ΡΠ°Π·Π½ΠΎ Π±ΡΠ°ΡΡ ΠΏΠΎΠ±ΠΎΠ»ΡΡΠ΅. ΠΠΎ Π΄ΠΎ ΠΊΠ°ΠΊΠΈΡ ΠΏΠΎΡ?
ΠΡΠ΅Π²ΠΈΠ΄Π½ΠΎ, ΡΡΠΎ Π΄ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ² ΡΠΊΡΠ°Π½Π° ΡΡΡΡΠΎΠΉΡΡΠ²Π° Π² ΠΏΠΈΠΊΡΠ΅Π»ΡΡ . ΠΡΠΎ ΠΌΠ°ΠΊΡΠΈΠΌΡΠΌ, Π° Π΅ΡΠ΅ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ Π΄Π²ΡΡ - ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ ΡΡΠ΅Ρ ΠΊΠΎΠ»ΠΎΠ½ΠΎΡΠ½ΡΠΉ ΠΌΠ°ΠΊΠ΅Ρ. ΠΠ½ΠΎΠ³ΠΎ ΡΠ΅Π³ΠΎ Π΅ΡΠ΅ Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ Π°ΡΡΠΈΠ±ΡΡΠΎΠ² ΡΠ΅Π³Π° img. ΠΠ°Π³ΡΡΠΆΠ΅Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°ΡΡΡΡ ΡΠ°ΠΌΠΈΠΌ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠΌ, Π΅ΡΠ»ΠΈ ΡΡΠΎ ΠΏΡΠ΅Π΄ΠΏΠΈΡΠ°Π½ΠΎ Π² ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ.
ΠΠΎ-Π²ΡΠΎΡΡΡ , ΡΠ°Π·ΡΠ΅ΡΠ°ΡΡΠ°Ρ ΡΠΏΠΎΡΠΎΠ±Π½ΠΎΡΡΡ ΡΠΊΡΠ°Π½Π° Π½Π° Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π΅ ΡΡΡΡΠΎΠΉΡΡΠ² 72 ΠΏΠΈΠΊΡΠ΅Π»Ρ Π½Π° Π΄ΡΠΉΠΌ ΠΈΠ»ΠΈ 96. Π‘ΠΎΠ²Π΅ΡΡΠ΅Π½Π½ΠΎ Π½Π΅Π·Π°ΡΠ΅ΠΌ ΠΏΡΡΠ°ΡΡΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ Π½Π° ΡΠ°ΠΊΠΈΡ ΡΠΊΡΠ°Π½Π°Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Ρ 300 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ Π½Π° Π΄ΡΠΉΠΌ. ΠΠΈΡΠ½ΠΈΠ΅ ΠΏΠΈΠΊΡΠ΅Π»ΠΈ Π±ΡΠ΄ΡΡ ΠΏΡΠΎΡΡΠΎ ΡΡΡΠ΅Π΄Π½Π΅Π½Ρ ΠΈ Π±ΡΠ΄Π΅Ρ Π²Π·ΡΡΠ° ΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡ Π½Π° ΠΎΠ΄ΠΈΠ½.
Π Π΅ΡΠ»ΠΈ ΠΌΡ ΠΏΠΎΠΏΡΡΠ°Π΅ΠΌΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°Π·ΠΈΡΡ ΡΠΎΡΠΎ Π² ΠΌΠ°ΡΡΡΠ°Π±Π΅ 1:1 ΡΠΎ ΠΏΠΎΠ»ΡΡΠΈΠΌ ΠΎΠ³ΡΠΎΠΌΠ½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Ρ ΠΏΠΎΠ»ΠΎΡΠ°ΠΌΠΈ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ, ΡΠΎ Π΅ΡΡΡ, ΡΠΌΠΎΠΆΠ΅ΠΌ Π½Π°Π±Π»ΡΠ΄Π°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΡΠ°ΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ.
ΠΡΡ ΠΎΠ΄ΠΈΡ, ΡΡΠΎ Π·ΡΡ Π³ΡΡΠ·ΠΈΠ»ΠΎΡΡ ΠΌΠ½ΠΎΠ³ΠΎ ΠΌΠ΅Π³Π°Π±Π°ΠΉΡ? ΠΡΡ ΠΎΠ΄ΠΈΡ. ΠΠΎΡ ΡΡΡ ΠΈ ΠΎΡΠΊΡΡΠ²Π°Π΅ΡΡΡ ΡΠ΅Π·Π΅ΡΠ² Π΄Π»Ρ ΡΠΆΠ°ΡΠΈΡ.
ΠΡΠΎΡΠ΅ΡΡ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠΈ
ΠΡΡΡ ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈ, Π² ΡΠΎΠΌ ΡΠΈΡΠ»Π΅ ΠΈ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΡ . ΠΠΎ Π»ΡΡΡΠ΅, Π΅ΡΠ»ΠΈ ΠΌΡ ΡΠ΅ΠΉΡΠ°Ρ Π²ΠΎΠ·ΡΠΌΠ΅ΠΌ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΉ, ΠΎΠ±ΡΠ΅ΠΏΡΠΈΠ·Π½Π°Π½Π½ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Adobe Photoshop.
Π€ΠΎΡΠΎΡΠΎΠΏ ΡΠΎΠΉ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΉ Π²Π΅ΡΡΠΈΠΈ Π΅ΡΡΡ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Ρ Π²ΡΠ΅Ρ , ΠΊΡΠΎ Π·Π°Π½ΠΈΠΌΠ°Π΅ΡΡΡ ΡΠ°ΠΉΡΠ°ΠΌΠΈ, ΠΈΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ΠΌ, ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΎΠΉ ΠΈ ΠΏΡΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅.
ΠΠΎΡΠΌΠΎΡΡΠΈΠΌ Π½Π° ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅, ΠΊΠ°ΠΊ Π΄Π΅Π»Π°Π΅ΡΡΡ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΈ, ΠΏΠΎΠ»ΡΡΠ΅Π½Π½ΠΎΠΉ Ρ ΡΠΈΡΡΠΎΠ²ΠΎΠΉ ΠΊΠ°ΠΌΠ΅ΡΡ, Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅ Photoshop. Π ΠΌΠΎΠ΅ΠΉ ΡΠ»ΡΡΠ°Π΅, Ρ Π±ΡΠ΄Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Adobe Photoshop CS6 ΡΡΡΡΠΊΠΎΠΉ Π²Π΅ΡΡΠΈΠ΅ΠΉ. ΠΠ»Ρ ΡΠ΅Ρ ΡΠ°Π³ΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΡ Ρ Π²Π°ΠΌΠΈ Π²ΡΠΏΠΎΠ»Π½ΠΈΠΌ, ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ Photoshop Π»ΡΠ±ΠΎΠΉ Π²Π΅ΡΡΠΈΠΈ. Π ΡΠ°ΠΊ Π½Π°ΡΠ½Π΅ΠΌ.
1. ΠΡΠΊΡΡΠ²Π°Π΅ΠΌ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΡ Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅
Π€Π°ΠΉΠ» β ΠΡΠΊΡΡΡΡ. Π ΠΏΠΎΡΠ²ΠΈΠ²ΡΠ΅ΠΌΡΡ ΠΎΠΊΠ½Π΅ Π²ΡΠ±ΠΈΡΠ°Π΅ΠΌ Π½ΡΠΆΠ½ΡΡ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΡ.
ΠΠ° ΡΠΈΡΡΠ½ΠΊΠ΅ ΠΌΡ Π±Π΅ΡΠ΅ΠΌ ΡΠΎΡΠΎ, ΠΈΠΌΠ΅ΡΡΠ΅Π΅ ΡΠ°Π·ΠΌΠ΅Ρ ΠΎΠΊΠΎΠ»ΠΎ 4,5 ΠΠ±. ΠΡΠΎΡ ΡΠ°ΠΉΠ» Ρ Π½Π°Ρ Π² ΡΠΎΡΠΌΠ°ΡΠ΅ JPEG, ΠΏΠΎΠ»ΡΡΠ΅Π½Π½ΡΡ Ρ Π·Π΅ΡΠΊΠ°Π»ΡΠ½ΠΎΠΉ ΡΠΎΡΠΎΠΊΠ°ΠΌΠ΅ΡΡ.
2. Π£ΠΌΠ΅Π½ΡΡΠ°Π΅ΠΌ ΡΠ°Π·ΠΌΠ΅Ρ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΈ
ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ β Π Π°Π·ΠΌΠ΅Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ
ΠΠ°ΠΆΠ½ΠΎ! Π‘ΡΠ°Π²ΠΈΠΌ Π²ΡΠ΅ Π³Π°Π»ΠΎΡΠΊΠΈ, ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ. ΠΡΠΎ:
3. ΠΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠ΅ ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΠ΅
ΠΠ΄Π΅ΡΡ, ΠΌΡ Π±ΡΠ΄Π΅ΠΌ ΡΠΎΡ ΡΠ°Π½ΡΡΡ, ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎ Π΄Π»Ρ Π²Π΅Π± ΠΏΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΠΉ. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π·Π°Ρ ΠΎΠ΄ΠΈΠΌ, Π€Π°ΠΉΠ» β Π‘ΠΎΡ ΡΠ°Π½ΠΈΡΡ Π΄Π»Ρ Web.
4. ΠΡΡΡΠ°Π²Π»ΡΠ΅ΠΌ ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎ
ΠΠΎ Ρ Π½Π°Ρ ΠΎΡΡΠ°Π»ΡΡ Π΅ΡΠ΅ Π²ΠΎΠΏΡΠΎΡ ΠΊΠ°ΡΠ΅ΡΡΠ²Π°. ΠΠ°ΠΊΠΎΠΉ ΡΠ°Π·ΠΌΠ΅Ρ ΡΠΎΡΠΎ ΡΡΠΈΡΠ°ΡΡ ΡΠ°Π·ΡΠΌΠ½ΡΠΌ Π΄Π»Ρ Π·Π°Π³ΡΡΠ·ΠΊΠΈ? ΠΡ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π² ΠΏΡΠ΅Π΄Π΅Π»Π°Ρ 200 ΠΠ±Π°ΠΉΡ. Π’Π°ΠΊΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠ²Π»ΡΡΡΡΡ Π²ΠΏΠΎΠ»Π½Π΅ ΠΏΡΠΈΠ΅ΠΌΠ»Π΅ΠΌΡΠΌ ΠΊΠΎΠΌΠΏΡΠΎΠΌΠΈΡΡΠΎΠΌ ΠΌΠ΅ΠΆΠ΄Ρ ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎΠΌ ΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠΌ.
ΠΡΠ±ΠΈΡΠ°Π΅ΠΌ Β«ΠΡΡΠΎΠΊΠΎΠ΅Β» ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎ 60%. Π£ Π½Π°Ρ ΠΏΠΎΠ»ΡΡΠΈΠ»ΠΎΡΡ Π² ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ 193.5 ΠΠ±Π°ΠΉΡ ΠΏΡΠΈ ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ 60%. ΠΡ ΠΈ Π»Π°Π΄Π½ΠΎ. ΠΠ° Π²ΠΈΠ΄ ΠΎΠ±ΡΠ°Π±ΠΎΡΠ°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΡΡΠΈ Π½Π΅ΠΎΡΠ»ΠΈΡΠΈΠΌΠΎ ΠΎΡ ΠΎΡΠΈΠ³ΠΈΠ½Π°Π»Π°. ΠΠΎΡ Π² ΡΠ°ΠΊΠΎΠΌ ΡΠ°ΠΌΠΎΠΌ Π²ΠΈΠ΄Π΅ Π΅Π³ΠΎ ΠΈ ΡΠΎΡ ΡΠ°Π½ΡΠ΅ΠΌ. ΠΠΎΡΠΎΠ²ΠΎ!
5. ΠΡΠΎΠ²Π΅ΡΠΈΠΌ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅
Π Π½Π°ΠΊΠΎΠ½Π΅Ρ, ΠΏΡΠΎΠ²Π΅ΡΠΈΠΌ, ΠΊΠ°ΠΊ Π±ΡΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ° Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ ΡΠΎΠ²ΡΠ΅ΠΌ Π½Π΅ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ Π³ΡΡΠ·ΠΈΡΡ Π΅Π΅ Π½Π° Ρ ΠΎΡΡΠΈΠ½Π³ ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°ΡΡ Π² html-ΠΊΠΎΠ΄Π΅ Π»ΠΎΠΊΠ°Π»ΡΠ½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠΊΠΈ. ΠΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΠΏΡΠΎΡΡΠΎ ΠΎΡΠΊΡΡΡΡ Π΅Π΅ Π²Π°ΡΠΈΠΌ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠΌ, ΠΊΠ°ΠΊ ΡΡΠΎ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅ΠΌ ΡΠΈΡΡΠ½ΠΊΠ΅.
ΠΠ° ΡΡΠΎΠΌ ΠΈ Π²ΡΠ΅. Π’Π΅ΠΏΠ΅ΡΡ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΠΊΠ»Π°Π΄ΡΠ²Π°ΡΡ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΡ ΠΊΡΠ΄Π° ΡΠ³ΠΎΠ΄Π½ΠΎ, Π²Π΅Π±-ΡΠ°ΠΉΡ, ΡΠΎΡΠΈΠ°Π»ΡΠ½ΡΠ΅ ΡΠ΅ΡΠΈ ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅.
ΠΠ° ΡΡΠΎΠΌ Ρ Π±ΡΠ΄Ρ Π·Π°ΠΊΠ°Π½ΡΠΈΠ²Π°ΡΡ. Π’Π΅ΠΏΠ΅ΡΡ Π²Ρ Π·Π½Π°Π΅ΡΠ΅, ΡΠ΅ΠΊΡΠ΅Ρ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΠΎΠΏΡΠΈΠΌΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΈ Π΄Π»Ρ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡ. ΠΠ°Π΄Π΅ΡΡΡ ΡΡΠ°ΡΡΡ Π²Π°ΠΌ ΠΏΠΎΠ½ΡΠ°Π²ΠΈΠ»Π°ΡΡ, ΠΈ Π±ΡΠ»ΠΎ Π±Ρ Π·Π΄ΠΎΡΠΎΠ²ΠΎ, Π΅ΡΠ»ΠΈ Π²Ρ ΠΏΠΎΠ΄Π΅Π»ΠΈΠ»ΠΈΡΡ Π² ΡΠΎΡΠΈΠ°Π»ΡΠ½ΡΡ ΡΠ΅ΡΡΡ ΡΠΎ ΡΡΠ°ΡΡΠ΅ΠΉ. ΠΡΠΎ Π»ΡΡΡΠΈΠΉ Π²Π°Ρ ΠΏΠΎΠ΄Π°ΡΠΎΠΊ Π΄Π»Ρ ΠΌΠ΅Π½Ρ.
ΠΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ Π²Π΅Π±-Π³ΡΠ°ΡΠΈΠΊΠΈ Π² 2021 Π³ΠΎΠ΄Ρ
ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠ΅ Π½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ°Ρ , ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ, ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ-ΡΠ°ΠΊΠΈ ΠΎΡ ΠΎΡΠ½ΠΎ ΡΡΠ»ΠΊΠ°ΡΡ ΠΏΠΎ Π½ΠΈΠΌ ΠΌΡΡΡΡ. ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π΄Π΅Π»Π°ΡΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ Π»ΡΡΡΠ΅ Π²ΠΎ Π²ΡΡΠΌ ΠΊΡΠΎΠΌΠ΅ ΡΠΊΠΎΡΠΎΡΡΠΈ ΡΠ°Π±ΠΎΡΡ ΡΡΡΠ°Π½ΠΈΡ. ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ β ΡΡΠΎ ΠΎΠ³ΡΠΎΠΌΠ½ΡΠ΅ ΠΊΡΡΠΊΠΈ Π±Π°ΠΉΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠ±ΡΡΠ½ΠΎ ΡΠ²Π»ΡΡΡΡΡ ΡΠ΅ΠΌΠΈ ΡΠ°ΡΡΡΠΌΠΈ ΡΠ°ΠΉΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ Π·Π°Π³ΡΡΠΆΠ°ΡΡΡΡ ΠΌΠ΅Π΄Π»Π΅Π½Π½Π΅Π΅ Π²ΡΠ΅Π³ΠΎ. Π ΡΡΠΎΠΌ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π΅ Ρ ΡΠΎΠ±ΡΠ°Π» Π²ΡΡ, ΡΡΠΎ Π½ΡΠΆΠ½ΠΎ Π·Π½Π°ΡΡ Π² 2021 Π³ΠΎΠ΄Ρ ΠΎΠ± ΡΠ»ΡΡΡΠ΅Π½ΠΈΠΈ ΡΠΊΠΎΡΠΎΡΡΠΈ ΡΠ°Π±ΠΎΡΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡ ΡΠ΅ΡΠ΅Π· ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ ΡΠ°Π±ΠΎΡΡ Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈ.
ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΎΠ±ΡΡΠ½ΠΎ ΠΈΠΌΠ΅ΡΡ Π±ΠΎΠ»ΡΡΠΈΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΡ. ΠΠ°ΠΆΠ΅ ΠΎΡΠ΅Π½Ρ Π±ΠΎΠ»ΡΡΠΈΠ΅. Π Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π΅ ΡΠ»ΡΡΠ°Π΅Π² CSS- ΠΈ JavaScript-ΡΠ΅ΡΡΡΡΡ, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΠ΅ Π΄Π»Ρ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠ΅Π½ΠΈΡ ΡΠ°Π±ΠΎΡΠΎΡΠΏΠΎΡΠΎΠ±Π½ΠΎΡΡΠΈ ΡΡΡΠ°Π½ΠΈΡ β ΡΡΠΎ ΠΌΠ΅Π»ΠΎΡΡ Π² ΡΡΠ°Π²Π½Π΅Π½ΠΈΠΈ Ρ ΡΠ΅ΠΌ ΠΎΠ±ΡΡΠΌΠΎΠΌ Π΄Π°Π½Π½ΡΡ , ΠΊΠΎΡΠΎΡΡΠΉ Π½ΡΠΆΠ½ΠΎ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΡ ΠΏΠΎ ΡΠ΅ΡΠΈ Π΄Π»Ρ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ°Ρ . Β«ΠΠ΅Π΄Π»Π΅Π½Π½ΡΠ΅Β» ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΌΠΎΠ³ΡΡ ΠΏΠΎΠ²ΡΠ΅Π΄ΠΈΡΡ ΠΏΠΎΠΊΠ°Π·Π°ΡΠ΅Π»ΡΠΌ Core Web Vitals ΡΠ°ΠΉΡΠ°, ΠΌΠΎΠ³ΡΡ ΠΎΠΊΠ°Π·Π°ΡΡ Π²ΠΎΠ·Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ Π½Π° SEO ΠΈ ΠΏΠΎΡΡΠ΅Π±ΠΎΠ²Π°ΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ Π·Π°ΡΡΠ°Ρ Π½Π° ΡΡΠ°ΡΠΈΠΊ. ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ β ΡΡΠΎ ΠΎΠ±ΡΡΠ½ΠΎ ΡΠΎΡ ΡΠ°ΠΌΡΠΉ ΡΠ΅ΡΡΡΡ ΡΠ°ΠΉΡΠ°, ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΡΠ΅ΡΠ°ΡΡΠ΅Π΅ Π²ΠΎΠ·Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ Π½Π° ΠΏΠΎΠΊΠ°Π·Π°ΡΠ΅Π»Ρ Largest Contentful Paint (LCP) ΠΈ Π½Π° Π·Π°Π΄Π΅ΡΠΆΠΊΠΈ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΠ°ΠΉΡΠ°. ΠΠ½ΠΈ ΡΠΏΠΎΡΠΎΠ±Π½Ρ ΡΠ²Π΅Π»ΠΈΡΠΈΡΡ ΠΏΠΎΠΊΠ°Π·Π°ΡΠ΅Π»Ρ Cumulative Layout Shift (CLS). ΠΡΠ»ΠΈ Π²Ρ Π½Π΅ Π·Π½Π°ΠΊΠΎΠΌΡ Ρ ΡΡΠΈΠΌΠΈ ΠΏΠΎΠΊΠ°Π·Π°ΡΠ΅Π»ΡΠΌΠΈ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ ΡΠ°ΠΉΡΠΎΠ² β ΠΏΠΎΡΠΈΡΠ°ΠΉΡΠ΅ ΠΎ Π½ΠΈΡ Π² Definitive Guide to Measuring Web Performance.
ΠΠ΄Π΅ΡΡ ΠΌΡ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ ΠΎ ΠΏΠΎΠ΄Π±ΠΎΡΠ΅ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΠ΅Π³ΠΎ ΡΠΎΡΠΌΠ°ΡΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, ΠΎΠ± ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ ΠΈΡ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ² Π² ΠΏΠΈΠΊΡΠ΅Π»ΡΡ ΠΈ ΠΊΠ°ΡΠ΅ΡΡΠ²Π°, Π° ΡΠ°ΠΊ ΠΆΠ΅ ΠΎ Π²ΡΡΡΠ°ΠΈΠ²Π°Π½ΠΈΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π² Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ ΠΈ ΠΎ Π»Π΅Π½ΠΈΠ²ΠΎΠΉ Π·Π°Π³ΡΡΠ·ΠΊΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ.
1. Π€ΠΎΡΠΌΠ°Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ
ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π΅ ΠΏΠΎΠ²ΡΠ΅Π΄ΡΡ ΡΠΊΠΎΡΠΎΡΡΠΈ ΡΠ°Π±ΠΎΡΡ ΡΠ°ΠΉΡΠ°, ΠΏΡΠ΅ΠΆΠ΄Π΅ Π²ΡΠ΅Π³ΠΎ, Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΠΌΠ΅ΡΡ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΠΈΠΉ ΡΠΎΡΠΌΠ°Ρ. ΠΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠΎΡΠΌΠ°ΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½Ρ Ρ ΡΡΡΡΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΈΡ Π΄Π»Ρ Ρ ΡΠ°Π½Π΅Π½ΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ Π²ΠΈΠ΄ΠΎΠ². Π ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅, Π΅ΡΠ»ΠΈ Π΄Π»Ρ Ρ ΡΠ°Π½Π΅Π½ΠΈΡ ΠΊΡΡΠΏΠ½ΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΡΠΏΠΎΡΠΎΠ±Π½ΠΎΠ³ΠΎ Π·Π°ΠΌΠ΅Π΄Π»ΠΈΡΡ Π·Π°Π³ΡΡΠ·ΠΊΡ ΡΠ°ΠΉΡΠ°, ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π½Π΅ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΠΈΠΉ ΡΠΎΡΠΌΠ°Ρ, ΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ ΡΡ ΡΠ΄ΡΠΈΡΡ ΡΠΈΡΡΠ°ΡΠΈΡ.
ΠΡΡΡ ΠΎΠ΄Π½ΠΎ Ρ ΠΎΡΠΎΡΠ΅Π΅ ΠΎΠ±ΡΠ΅Π΅ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, ΠΊΠ°ΡΠ°ΡΡΠ΅Π΅ΡΡ Π²ΡΠ±ΠΎΡΠ° ΡΠΎΡΠΌΠ°ΡΠΎΠ² Π΄Π»Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ. ΠΠ°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ ΠΎΠ½ΠΎ Π² ΡΠΎΠΌ, ΡΡΠΎ Π΄Π»Ρ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΉ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΎΡΠΌΠ°Ρ JPG, Π° Π΄Π»Ρ ΡΠΈΡΡΠ½ΠΊΠΎΠ², ΡΡ Π΅ΠΌ ΠΈ ΠΏΡΠΎΡΠ΅Π³ΠΎ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ β ΡΠΎΡΠΌΠ°Ρ PNG. ΠΠΎΡ ΠΏΡΠΈΠΌΠ΅Ρ.
Π‘Π»Π΅Π²Π° ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ Π²ΠΈΠ΄Π΅ΡΡ ΡΠΎΡΠΎ Π½Π°ΡΠ΅Π³ΠΎ ΡΠΎΠ²Π°ΡΠΈΡΠ°-Π»Π΅Π½ΠΈΠ²ΡΠ° Π‘ΡΠΌΠ°. ΠΡΠ° ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ° Π² ΡΠΎΡΠΌΠ°ΡΠ΅ JPG Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ Π²ΡΠ΅Π³ΠΎ Π»ΠΈΡΡ 32,7 ΠΠ±. Π Π΅ΡΠ»ΠΈ ΡΠΎ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°ΡΡ Π² ΡΠΎΡΠΌΠ°Ρ PNG β ΡΠ°Π·ΠΌΠ΅Ρ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΡΠ°ΠΉΠ»Π° ΡΠ²Π΅Π»ΠΈΡΠΈΡΡΡ Π±ΠΎΠ»Π΅Π΅ ΡΠ΅ΠΌ Π²Π΄Π²ΠΎΠ΅ β Π΄ΠΎ 90,6 ΠΠ±!
Π‘ΠΏΡΠ°Π²Π° Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ ΡΠΈΡΡΠ½ΠΎΠΊ ΡΠΎ Π²ΡΡ ΡΠ΅ΠΌ ΠΆΠ΅ Π‘ΡΠΌΠΎΠΌ. ΠΡΠΎΡ ΡΠΈΡΡΠ½ΠΎΠΊ Π»ΡΡΡΠ΅ Π²ΡΠ΅Π³ΠΎ Ρ ΡΠ°Π½ΠΈΡΡ Π² ΡΠΎΡΠΌΠ°ΡΠ΅ PNG. Π’Π°ΠΊ ΠΎΠ½ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ Π²ΡΠ΅Π³ΠΎ 5,5 ΠΠ±. Π Π΅ΡΠ»ΠΈ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ Π² JPG, ΡΠΎ Π΅Π³ΠΎ ΡΠ°Π·ΠΌΠ΅Ρ ΠΏΠΎΠ΄ΡΠΊΠΎΡΠΈΡ Π΄ΠΎ 11,3 ΠΠ±.
ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅: Π²ΡΡ ΡΠΎ, ΡΡΠΎ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΡΠΌΠΈ Π½Π΅ ΡΠ²Π»ΡΠ΅ΡΡΡ, ΠΎΠ±ΡΡΠ½ΠΎ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ ΠΌΠ΅Π½ΡΡΠ΅ ΠΌΠ΅ΡΡΠ°, ΡΠ΅ΠΌ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΈ. ΠΠ΅ Π·Π°Π±ΡΠ²Π°ΠΉΡΠ΅ ΠΎΠ± ΡΡΠΎΠΌ, ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΡΡ ΡΠ²ΠΎΠΈ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ.
Π‘ΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ, ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ, Π΅ΡΡ ΠΌΠ½ΠΎΠ³ΠΎ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ ΡΠΎΡΠΌΠ°ΡΠΎΠ²! ΠΡΠ»ΠΈ Ρ Π²Π°Ρ ΠΈΠΌΠ΅Π΅ΡΡΡ Π½Π΅ΠΊΠΎΠ΅ Π²Π΅ΠΊΡΠΎΡΠ½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ (ΡΠΎΡΡΠΎΡΡΠ΅Π΅ ΠΈΠ· Π²ΡΡΡΠ΅ΡΠΊΠΈΡ Π»ΠΈΠ½ΠΈΠΉ ΠΈ Π³Π΅ΠΎΠΌΠ΅ΡΡΠΈΡΠ΅ΡΠΊΠΈΡ ΡΠΈΠ³ΡΡ), ΡΠΎ Π²Π°ΠΌ Π»ΡΡΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΠΏΠΎΠ΄ΠΎΠΉΠ΄ΡΡ ΡΠΎΡΠΌΠ°Ρ SVG. ΠΠΎΠ»Π΅Π΅ Π½ΠΎΠ²ΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ ΠΈ Π±ΠΎΠ»Π΅Π΅ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠΎΡΠΌΠ°ΡΡ β Π²ΡΠΎΠ΄Π΅ AVIF ΠΈ WebP. ΠΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π΄Π»Ρ Ρ ΡΠ°Π½Π΅Π½ΠΈΡ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π΄ΠΎΠ±ΠΈΡΡΡΡ Π΅ΡΡ Π±ΠΎΠ»Π΅Π΅ ΡΠ΅ΡΡΡΠ·Π½ΠΎΠ³ΠΎ ΡΠΌΠ΅Π½ΡΡΠ΅Π½ΠΈΡ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ² Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ ΡΠ°ΠΉΠ»ΠΎΠ².
2. ΠΡΠ·ΡΠ²ΡΠΈΠ²ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈ ΠΈΡ ΠΏΠΈΠΊΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΡ
ΠΠ΅ Π²ΡΠ΅ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»ΠΈ ΡΠ°ΠΉΡΠ° Π±ΡΠ΄ΡΡ ΠΏΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡ Π΅Π³ΠΎ Π² ΠΎΠ΄Π½ΠΈΡ ΠΈ ΡΠ΅Ρ ΠΆΠ΅ ΡΡΠ»ΠΎΠ²ΠΈΡΡ . Π£ ΠΊΠΎΠ³ΠΎ-ΡΠΎ ΠΈΠΌΠ΅Π΅ΡΡΡ ΠΎΠ³ΡΠΎΠΌΠ½ΡΠΉ ΠΌΠΎΠ½ΠΈΡΠΎΡ ΡΠΈΡΠΈΠ½ΠΎΠΉ Π² 1600 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ. Π ΠΊΡΠΎ-ΡΠΎ ΡΠΌΠΎΡΡΠΈΡ ΡΠ°ΠΉΡ Π½Π° ΠΏΠ»Π°Π½ΡΠ΅ΡΠ΅ Ρ ΡΠΈΡΠΈΠ½ΠΎΠΉ ΡΠΊΡΠ°Π½Π° Π² 900 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ, ΠΈΠ»ΠΈ Π½Π° ΡΠ΅Π»Π΅ΡΠΎΠ½Π΅ Ρ ΡΠΊΡΠ°Π½ΠΎΠΌ ΡΠΈΡΠΈΠ½ΠΎΠΉ Π² 600 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ. ΠΡΠ»ΠΈ Π½Π° ΡΠ°ΠΉΡΠ΅ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠΈΡΠΈΠ½ΠΎΠΉ Π² 1200 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ β ΡΡΠΎ Π±ΡΠ΄Π΅Ρ ΠΎΠ·Π½Π°ΡΠ°ΡΡ, ΡΡΠΎ ΠΏΡΠΈ ΠΏΡΠΎΡΠΌΠΎΡΡΠ΅ ΡΠ°ΠΊΠΎΠ³ΠΎ ΡΠ°ΠΉΡΠ° Π½Π° ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ Ρ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΠΌΠΈ ΡΠΊΡΠ°Π½Π°ΠΌΠΈ ΡΠ΅ΡΠ΅Π²ΡΠ΅ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ΅ΡΡΡΡΡ Π±ΡΠ΄ΡΡ ΡΡΠ°ΡΠΈΡΡΡΡ Π²ΠΏΡΡΡΡΡ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΡΠ°Π·ΠΌΠ΅Ρ ΡΠ°ΠΊΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΏΡΠΈ Π²ΡΠ²ΠΎΠ΄Π΅ Π½Π° ΡΠΊΡΠ°Π½, Π²ΡΡ ΡΠ°Π²Π½ΠΎ, Π±ΡΠ΄Π΅Ρ ΡΠΌΠ΅Π½ΡΡΠ΅Π½.
ΠΡΠΎΡΠΌΠΎΡΡ ΡΠ°ΠΉΡΠ° Π½Π° ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ Ρ ΡΠ°Π·Π½ΡΠΌΠΈ ΡΠΊΡΠ°Π½Π°ΠΌΠΈ
ΠΠΎΡΠ΅ΠΌΡ Π±Ρ Π½Π΅ ΡΠΌΠ΅Π½ΡΡΠΈΡΡ ΠΏΠΈΠΊΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π΄ΠΎ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΡΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌΠΈ? ΠΠΎΠ΄Π³ΠΎΡΠΎΠ²ΠΈΠ² ΡΠ°ΠΊΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ HTML-ΠΌΠ΅Ρ Π°Π½ΠΈΠ·ΠΌΠ°ΠΌΠΈ, Π½Π°ΡΠ΅Π»Π΅Π½Π½ΡΠΌΠΈ Π½Π° ΡΠ°Π±ΠΎΡΡ Ρ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΌΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈ, ΠΈ ΡΠΊΠ°Π·Π°ΡΡ, Π² ΠΊΠ°ΠΊΠΈΡ ΡΡΠ»ΠΎΠ²ΠΈΡΡ Π½ΡΠΆΠ½ΠΎ Π²ΡΠ²ΠΎΠ΄ΠΈΡΡ ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ ΠΈΠ· ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ.
Π Π΄Π°Π½Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΡΠΈΡΠΈΠ½Π° Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ 1200 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ. ΠΠ½ΠΎ, ΠΊΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, Π·Π°ΠΏΠΈΡΠ°Π½Π½ΡΠΌ Π² Π°ΡΡΠΈΠ±ΡΡ src ΡΠ΅Π³Π° ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠΌ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ. Π srcset ΠΎΠΏΠΈΡΠ°Π½Ρ 3 Π²Π°ΡΠΈΠ°Π½ΡΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ β ΡΠΈΡΠΈΠ½ΠΎΠΉ Π² 600, 900 ΠΈ 1200 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ. Π sizes ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ ΠΌΠ΅Π΄ΠΈΠ°-Π·Π°ΠΏΡΠΎΡΡ CSS, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠΈΠ΅ Π΄Π°ΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ, ΠΊΠ°ΡΠ°ΡΡΡΡΡΡ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΠΎΠ±Π»Π°ΡΡΠΈ, Π΄ΠΎΡΡΡΠΏΠ½ΠΎΠΉ Π΄Π»Ρ Π²ΡΠ²ΠΎΠ΄Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. ΠΡΠ»ΠΈ ΡΠΈΡΠΈΠ½Π° ΠΎΠΊΠ½Π° ΠΌΠ΅Π½ΡΡΠ΅ 900 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ β ΠΌΠ΅ΡΡΠΎ, Π³Π΄Π΅ Π±ΡΠ΄Π΅Ρ Π²ΡΠ²Π΅Π΄Π΅Π½ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, Π·Π°ΠΉΠΌΡΡ Π²ΡΡ Π΅Π³ΠΎ ΡΠΈΡΠΈΠ½Ρ β 100vw. Π ΠΏΡΠΎΡΠΈΠ²Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΠΌΠ΅ΡΡΠΎ Π΄Π»Ρ Π²ΡΠ²ΠΎΠ΄Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ ΠΎΠΊΠ°ΠΆΠ΅ΡΡΡ ΡΠΈΡΠ΅ 1200 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ.
ΠΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈ, Π²ΡΠΎΠ΄Π΅ Photoshop, Gimp ΠΈ Paint.NET, ΡΠΌΠ΅ΡΡ ΡΠΊΡΠΏΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠ°Ρ . Π‘ΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠ΅ ΡΠΈΡΡΠ΅ΠΌΠ½ΡΠ΅ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ ΡΠΎΠΆΠ΅, Π² ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ½Π½ΡΡ ΠΏΡΠ΅Π΄Π΅Π»Π°Ρ , ΡΠΏΠΎΡΠΎΠ±Π½Ρ ΡΠ΅ΡΠ°ΡΡ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΠ΅ Π·Π°Π΄Π°ΡΠΈ. Π Π΅ΡΠ»ΠΈ Π½Π°Π΄ΠΎ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΡ ΠΎΡΠ΅Π½Ρ Π±ΠΎΠ»ΡΡΠΎΠ³ΠΎ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ β Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π΅ΡΡΡ ΡΠΌΡΡΠ» Π²Π·Π³Π»ΡΠ½ΡΡΡ Π½Π° ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ β Π²ΡΠΎΠ΄Π΅ ImageMagick.
βΠ‘ΠΊΡΡΡΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΏΡΠΈ ΠΏΡΠΎΡΠΌΠΎΡΡΠ΅ ΡΠ°ΠΉΡΠ° Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ
Π’ΡΡ ΡΠΊΠ°Π·Π°Π½ΠΎ, ΡΡΠΎ Π΅ΡΠ»ΠΈ ΡΠΈΡΠΈΠ½Π° ΡΠΊΡΠ°Π½Π° ΠΌΠ΅Π½ΡΡΠ΅ ΡΠ΅ΠΌ 600 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ β ΡΠΈΡΠΈΠ½Π° ΠΎΠ±Π»Π°ΡΡΠΈ Π΄Π»Ρ Π²ΡΠ²ΠΎΠ΄Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π±ΡΠ΄Π΅Ρ ΡΠ°Π²Π½ΡΡΡΡΡ 0. Π ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ Π±ΡΠ°ΡΠ·Π΅Ρ, ΠΏΡΠΈ ΠΏΡΠΎΡΠΌΠΎΡΡΠ΅ ΡΠ°ΠΉΡΠ° Π½Π° ΡΡΡΡΠΎΠΉΡΡΠ²Π΅ Ρ ΠΌΠ°Π»Π΅Π½ΡΠΊΠΈΠΌ ΡΠΊΡΠ°Π½ΠΎΠΌ, Π±ΡΠ΄Π΅Ρ Π·Π½Π°ΡΡ ΠΎ ΡΠΎΠΌ, ΡΡΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π΅ΠΌΡ Π²ΡΠ²ΠΎΠ΄ΠΈΡΡ Π½Π΅ Π½ΡΠΆΠ½ΠΎ, Π° Π·Π½Π°ΡΠΈΡ β Π½Π΅ Π½ΡΠΆΠ½ΠΎ ΠΈ Π΅Π³ΠΎ Π·Π°Π³ΡΡΠΆΠ°ΡΡ.
3. ΠΠ°ΡΠ΅ΡΡΠ²ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ
ΠΠΎΠΌΠΈΠΌΠΎ ΡΠΎΡΠΌΠ°ΡΠ°, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ Ρ ΡΠ°Π½ΠΈΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, ΠΈ Π΅Π³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ² Π² ΠΏΠΈΠΊΡΠ΅Π»ΡΡ , ΠΏΡΠΈ ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π² ΡΠΎΡΠΌΠ°ΡΠ°Ρ , ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡΠΈΡ ΡΠΆΠ°ΡΠΈΠ΅ Π΄Π°Π½Π½ΡΡ Ρ ΠΏΠΎΡΠ΅ΡΡΠΌΠΈ, ΠΎΠ±ΡΡΠ½ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°ΡΡ ΡΡΠΎΠ²Π΅Π½Ρ ΡΠΆΠ°ΡΠΈΡ ΠΈΠ»ΠΈ ΡΡΠΎΠ²Π΅Π½Ρ ΠΊΠ°ΡΠ΅ΡΡΠ²Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ. ΠΠ»Π³ΠΎΡΠΈΡΠΌΡ ΡΠΆΠ°ΡΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Ρ ΠΏΠΎΡΠ΅ΡΡΠΌΠΈ ΡΠ±ΠΈΡΠ°ΡΡ ΠΈΠ· Π½ΠΈΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ Π΄Π°Π½Π½ΡΠ΅, ΠΊΠΎΡΠΎΡΡΠ΅ (Π½Π° Π½ΠΈΠ·ΠΊΠΈΡ ΡΡΠΎΠ²Π½ΡΡ ΡΠΆΠ°ΡΠΈΡ) ΠΌΠΎΠ³ΡΡ ΠΈ Π½Π΅ ΠΏΠΎΠ²Π»ΠΈΡΡΡ Π½Π° Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, Π½ΠΎ ΠΏΡΠΈ ΡΡΠΎΠΌ, Π²ΡΡ ΡΠ°Π²Π½ΠΎ, Π·Π°Π½ΠΈΠΌΠ°ΡΡ ΠΌΠ΅ΡΡΠΎ. ΠΠ·Π³Π»ΡΠ½ΠΈΡΠ΅ Π½Π° ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΠΏΡΠΈΠΌΠ΅Ρ.
ΠΡΡ ΠΎΠ΄Π½ΠΎΠ΅ PNG-ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Ρ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΡΠΌΠΈ ΡΡΠ°ΡΡΠΊΠ°ΠΌΠΈ ΠΈΠΌΠ΅Π΅Ρ ΡΠ°Π·ΠΌΠ΅Ρ 57 ΠΠ±. Π’Π°ΠΊΠΎΠ΅ ΠΆΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, Π½ΠΎ ΡΠΆΠ°ΡΠΎΠ΅, ΠΈΠΌΠ΅Π΅Ρ ΡΠ°Π·ΠΌΠ΅Ρ 15 ΠΠ±.
Π£ΠΌΠ΅Π½ΡΡΠ΅Π½ΠΈΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π΄ΠΎΡΡΠΈΠ³Π°Π΅ΡΡΡ ΠΏΡΡΡΠΌ ΡΠ΄Π°Π»Π΅Π½ΠΈΡ ΠΈΠ· Π½Π΅Π³ΠΎ Π½Π΅ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ ΡΠ²Π΅ΡΠΎΠ², ΠΈΠ»ΠΈ ΠΏΡΡΡΠΌ ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ²Π΅ΡΠΎΠ² ΠΈ ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΡΠ΅Π½Ρ ΠΏΠΎΡ ΠΎΠΆΠΈ Π΄ΡΡΠ³ Π½Π° Π΄ΡΡΠ³Π°. ΠΠΎ, Π½Π° ΡΠ°ΠΌΠΎΠΌ Π΄Π΅Π»Π΅, Π² ΡΠΎΠ½ΠΊΠΎΡΡΠΈ Π²ΡΠ΅Π³ΠΎ ΡΡΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈ Π½Π΅ Π²Π΄Π°Π²Π°ΡΡΡΡ. ΠΠΎΠ΄Π±ΠΎΡ ΠΏΡΠΈΠ΅ΠΌΠ»Π΅ΠΌΠΎΠ³ΠΎ ΡΡΠΎΠ²Π½Ρ ΡΠΆΠ°ΡΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ²Π΅ΡΠΈΡΡ ΡΠΏΠ΅ΡΠΈΠ°Π»ΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΡΠΌ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ°ΠΌ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ β ΡΠ°ΠΌΡΠ΅ ΡΠ°Π·Π½ΡΠ΅ Π·Π°Π΄Π°ΡΠΈ ΠΏΠΎ ΡΠΆΠ°ΡΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Ρ ΠΎΡΠΎΡΠΎ ΡΠ΅ΡΠ°ΡΡ TinyPNG ΠΈ ImageMin.
4. ΠΡΡΡΠ°ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π² Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ
ΠΠ½ΠΎΠ³Π΄Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ³ΡΠ°Π΅Ρ ΠΊΡΠ°ΠΉΠ½Π΅ Π²Π°ΠΆΠ½ΡΡ ΡΠΎΠ»Ρ Π΄Π»Ρ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠ΅Π½ΠΈΡ ΡΠ°Π±ΠΎΡΠΎΡΠΏΠΎΡΠΎΠ±Π½ΠΎΡΡΠΈ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ β ΠΎΠ½ΠΎ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡ ΡΠΎΠ±ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΡ, Π»ΠΎΠ³ΠΎΡΠΈΠΏ ΠΈΠ»ΠΈ ΠΊΠ°ΠΊΡΡ-Π½ΠΈΠ±ΡΠ΄Ρ ΠΈΠΊΠΎΠ½ΠΊΡ. ΠΠΎΡΠ»Π΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΡΠ°Π·ΠΌΠ΅Ρ ΡΠ°ΠΊΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π΄ΠΎΠ²Π΅Π΄ΡΠ½ Π΄ΠΎ ΠΌΠΈΠ½ΠΈΠΌΡΠΌΠ°, Π΅Π΄ΠΈΠ½ΡΡΠ²Π΅Π½Π½ΡΠΉ ΡΠΏΠΎΡΠΎΠ± Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅Π³ΠΎ ΡΡΠΊΠΎΡΠ΅Π½ΠΈΡ Π΅Π³ΠΎ Π·Π°Π³ΡΡΠ·ΠΊΠΈ Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π²ΠΎ Π²ΡΡΡΠ°ΠΈΠ²Π°Π½ΠΈΠΈ ΠΊΠΎΠ΄Π° ΡΡΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² ΠΊΠΎΠ΄ ΡΡΡΠ°Π½ΠΈΡΡ. ΠΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ ΡΠΌΠ΅Π½ΡΡΠΈΡΡ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ Π·Π°ΠΏΡΠΎΡΠΎΠ², Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΡ Π½Π° Π·Π°Π³ΡΡΠ·ΠΊΡ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ² ΡΡΡΠ°Π½ΠΈΡΡ, ΠΈ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ Π²ΡΠ²Π΅ΡΡΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ ΠΎΠ΄Π΅ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π° ΡΡΡΠ°Π½ΠΈΡΡ.
ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, Π²ΡΡΡΠΎΠ΅Π½Π½ΠΎΠ΅ Π² ΡΡΡΠ°Π½ΠΈΡΡ
ΠΠΎΠΆΠ΅Ρ, Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΡΠΎ ΠΈ ΡΡΡΠ°Π½Π½ΠΎΠ²Π°ΡΠΎ, Π½ΠΎ ΡΡΡ ΠΏΠ΅ΡΠ΅Π΄ Π½Π°ΠΌΠΈ ΡΠ°ΠΊ Π½Π°Π·ΡΠ²Π°Π΅ΠΌΡΠΉ Β«Data URLΒ». Π’Π°ΠΊΠΈΠ΅ URL ΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ ΠΏΠΎΠ»Π½ΠΎΠΉ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΎΠΉ Π²ΡΠ΅Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ². Π Π°ΡΡΠΈΠ±ΡΡΠ΅ src ΡΠΊΠ°Π·Π°Π½ΠΎ, ΡΡΠΎ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠ΅ Π΄Π°Π½Π½ΡΠ΅ Π½Π°Π΄ΠΎ Π²ΠΎΡΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡ ΠΊΠ°ΠΊ PNG-ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΠΊΠΎΠ΄ΠΈΡΠΎΠ²ΠΊΠ΅ base64. ΠΠΎΡΠ»Π΅ ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈΠ΄ΡΡ Π½Π°Π±ΠΎΡ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ², ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡΠΈΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΡΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. Π Π΄Π°Π½Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΡΡΠΎ β ΠΌΠ°Π»Π΅Π½ΡΠΊΠ°Ρ ΠΊΡΠ°ΡΠ½Π°Ρ ΡΠΎΡΠΊΠ°.
Google ΡΠ°ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠ΅ Π² ΡΡΡΠ°Π½ΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΏΡΠΈ Π²ΡΠ²ΠΎΠ΄Π΅ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠΎΠ² ΠΏΠΎΠΈΡΠΊΠ°. ΠΡΠΎ β ΠΎΠ΄Π½Π° ΠΈΠ· ΠΏΡΠΈΡΠΈΠ½ ΡΠΎΠ³ΠΎ, ΡΡΠΎ ΠΏΠΎΠΈΡΠΊ Google ΠΊΠ°ΠΆΠ΅ΡΡΡ ΡΠ°ΠΊΠΈΠΌ Π±ΡΡΡΡΡΠΌ.
ΠΠΎΡ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π», Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΏΡΠΎΠ°Π½Π°Π»ΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Ρ ΠΏΠΎΠ΄Ρ ΠΎΠ΄Ρ ΠΊ ΠΏΠΎΠ²ΡΡΠ΅Π½ΠΈΡ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ Π²Π΅Π±-ΡΠ΅ΡΡΡΡΠΎΠ², ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠ΅ Google. ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Ρ Π½Π°ΠΉΠ΄ΡΡΠ΅ ΡΡΡ ΡΡΠΎ-ΡΠΎ ΡΠ°ΠΊΠΎΠ΅, ΡΡΠΎ Π²Π°ΠΌ ΠΏΡΠΈΠ³ΠΎΠ΄ΠΈΡΡΡ.
Π Π²ΠΎΡ β ΡΠ΄ΠΎΠ±Π½ΡΠΉ Π²Π΅Π±-ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Π΄Π»Ρ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π² ΡΠΎΡΠΌΠ°Ρ base64.
5. ΠΠ΅Π½ΠΈΠ²Π°Ρ Π·Π°Π³ΡΡΠ·ΠΊΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ
ΠΠ±ΡΡΠ½ΠΎ Π½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ°Ρ Π΅ΡΡΡ Π½Π΅ΠΌΠ°Π»ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π΅ Π½ΡΠΆΠ½ΠΎ Π·Π°Π³ΡΡΠΆΠ°ΡΡ Π²ΠΎ Π²ΡΠ΅ΠΌΡ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ² ΡΡΡΠ°Π½ΠΈΡ. ΠΠΎ Π±ΡΠ°ΡΠ·Π΅ΡΡ Π½Π΅ Π·Π½Π°ΡΡ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊΠΈΠ΅ ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈΠΌ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΡΡΡΡ Π΄Π»Ρ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΡΡΠ°Π½ΠΈΡ, ΠΏΠΎΡΡΠΎΠΌΡ ΠΏΡΠΎΡΡΠΎ Π·Π°Π³ΡΡΠΆΠ°ΡΡ Π²ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Π΅ΡΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ°Ρ . ΠΠ°Π³ΡΡΠ·ΠΊΠ° Π±ΠΎΠ»ΡΡΠΎΠ³ΠΎ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π·Π°ΠΌΠ΅Π΄Π»ΡΠ΅Ρ ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ ΡΡΡΠ°Π½ΠΈΡ Π² ΡΠ°Π±ΠΎΡΠΎΡΠΏΠΎΡΠΎΠ±Π½ΠΎΠ΅ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ ΠΈ ΡΡ ΡΠ΄ΡΠ°Π΅Ρ ΡΠΊΠΎΡΠΎΡΡΡ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΠ΅Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ Π²Π°ΠΆΠ½Ρ Π΄Π»Ρ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ ΡΡΡΠ°Π½ΠΈΡ.
ΠΠΌΠ΅ΡΡΠΎ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ Π·Π°ΡΡΠ°Π²Π»ΡΡΡ Π±ΡΠ°ΡΠ·Π΅Ρ ΡΡΠ°Π·Ρ Π·Π°Π³ΡΡΠΆΠ°ΡΡ Π²ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΠΎΠ²Π΅ΡΠΎΠ²Π°ΡΡ Π΅ΠΌΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ»Π΅Π½ΠΈΡΡΡΡ. ΠΠ΅Π½ΠΈΠ²Π°Ρ Π·Π°Π³ΡΡΠ·ΠΊΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ β ΡΡΠΎ ΡΠ°ΠΊΠΎΠΉ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ ΠΊ ΡΠ°Π±ΠΎΡΠ΅ Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈ, ΠΊΠΎΠ³Π΄Π° Π±ΡΠ°ΡΠ·Π΅ΡΡ ΠΏΡΠ΅Π΄Π»Π°Π³Π°ΡΡ Π·Π°Π³ΡΡΠΆΠ°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠΎΠ»ΡΠΊΠΎ ΡΠΎΠ³Π΄Π°, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡΡ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ. ΠΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π»Π΅Π½ΠΈΠ²ΠΎΠΉ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΡΠΏΠΎΡΠΎΠ±Π½ΠΎ ΠΎΠΊΠ°Π·Π°ΡΡ ΠΎΠ³ΡΠΎΠΌΠ½ΠΎΠ΅ ΠΏΠΎΠ»ΠΎΠΆΠΈΡΠ΅Π»ΡΠ½ΠΎΠ΅ Π²Π»ΠΈΡΠ½ΠΈΠ΅ Π½Π° ΠΏΠΎΠΊΠ°Π·Π°ΡΠ΅Π»Ρ Largest Contentful Paint (LCP), ΡΠ°ΠΊ ΠΊΠ°ΠΊ Π±Π»Π°Π³ΠΎΠ΄Π°ΡΡ ΡΡΠΎΠΌΡ Π±ΡΠ°ΡΠ·Π΅Ρ, ΠΏΡΠΈ Π·Π°Π³ΡΡΠ·ΠΊΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ, ΠΌΠΎΠΆΠ΅Ρ ΡΠ΄Π΅Π»ΠΈΡΡ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΡΠΎΠ»ΡΠΊΠΎ ΡΠ°ΠΌΡΠΌ Π²Π°ΠΆΠ½ΡΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌ.
Π ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ HTML Π΅ΡΡΡ Π°ΡΡΠΈΠ±ΡΡ loading, ΠΊΠΎΡΠΎΡΡΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Π΄Π»Ρ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΠΈ Π»Π΅Π½ΠΈΠ²ΠΎΠΉ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, Π½ΠΎ ΠΎΠ½ ΠΏΠΎΠΊΠ° ΠΈΠΌΠ΅Π΅Ρ ΡΡΠ°ΡΡΡ ΡΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ. Π Safari Π΅ΡΡ Π΄Π°ΠΆΠ΅ Π΅Π³ΠΎ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ. Π ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ ΠΎ Π΅Π³ΠΎ ΡΠΈΡΠΎΠΊΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ Π³ΠΎΠ²ΠΎΡΠΈΡΡ ΠΏΠΎΠΊΠ° Π½Π΅Π»ΡΠ·Ρ. ΠΠΎ, ΠΊ ΡΡΠ°ΡΡΡΡ, Π»Π΅Π½ΠΈΠ²ΡΡ Π·Π°Π³ΡΡΠ·ΠΊΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΠ³Π°Π½ΠΈΠ·ΠΎΠ²Π°ΡΡ ΡΡΠ΅Π΄ΡΡΠ²Π°ΠΌΠΈ JavaScript.
Π‘ΡΡΠ΅ΡΡΠ²ΡΡΡ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠ΅ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ β lazysizes. Π ΡΡΠΎΠΉ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ΅ ΠΎΠ±ΡΠ°Π±Π°ΡΡΠ²Π°ΡΡΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΠΏΠΎΠ³ΡΠ°Π½ΠΈΡΠ½ΡΠ΅ ΡΠ»ΡΡΠ°ΠΈ, ΠΎΠ½Π° ΡΠ΄Π΅Π»ΡΠ΅Ρ Π½Π΅ΠΌΠ°Π»ΠΎ Π²Π½ΠΈΠΌΠ°Π½ΠΈΡ Π²ΠΎΠΏΡΠΎΡΠ°ΠΌ ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΠΎΡΡΠΈ Ρ ΡΠ°Π·Π½ΡΠΌΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΠ°ΠΌΠΈ. ΠΠΎ, Π² ΡΠ΅Π»ΠΎΠΌ, ΠΊΠΎΠ΄, ΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΡΠΉ Π·Π° Π»Π΅Π½ΠΈΠ²ΡΡ Π·Π°Π³ΡΡΠ·ΠΊΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ°ΠΊ, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½ΠΈΠΆΠ΅.
Π’ΡΡ, Π΄Π»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΡΠΎΠ³ΠΎ ΠΌΠΎΠΌΠ΅Π½ΡΠ°, ΠΊΠΎΠ³Π΄Π° Π½Π°Π΄ΠΎ Π·Π°Π³ΡΡΠΆΠ°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΠΎΠ±ΡΠ΅ΠΊΡ IntersectionObserver. ΠΠΎΠ³Π΄Π° Π½Π°ΡΡΡΠΏΠ°Π΅Ρ Π½ΡΠΆΠ½ΡΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ β ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° data-src ΠΊΠΎΠΏΠΈΡΡΠ΅ΡΡΡ Π² Π°ΡΡΠΈΠ±ΡΡ src ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π·Π°Π³ΡΡΠΆΠ°Π΅ΡΡΡ. Π’ΠΎΡ ΠΆΠ΅ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ ΠΊ Π°ΡΡΠΈΠ±ΡΡΡ srcset ΠΈ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΠΈΠΌ ΠΏΡΠΈ ΡΠ°Π±ΠΎΡΠ΅ Ρ Π»ΡΠ±ΡΠΌ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ.
βΠΠ°ΡΡΡΠΎΠΉΠΊΠ° ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ² ΠΎΠ±Π»Π°ΡΡΠΈ, ΠΊΠΎΡΠΎΡΡΡ Π·Π°ΠΉΠΌΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅
ΠΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ Π·Π°Π³ΡΡΠΆΠ°ΡΡΡΡ ΡΠ΅ΡΠ΅Π· Π½Π΅ΠΊΠΎΡΠΎΡΠΎΠ΅ Π²ΡΠ΅ΠΌΡ ΠΏΠΎΡΠ»Π΅ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ² ΡΡΡΠ°Π½ΠΈΡ, ΠΎΡΠ΅Π½Ρ Π²Π°ΠΆΠ½ΠΎ Π·Π°ΡΠ°Π½Π΅Π΅ ΡΠΊΠ°Π·ΡΠ²Π°ΡΡ ΠΈΡ ΡΠ°Π·ΠΌΠ΅ΡΡ, ΡΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ ΠΈΠ·Π±Π΅ΠΆΠ°ΡΡ ΡΠ΄Π²ΠΈΠ³Π° ΠΌΠ°ΠΊΠ΅ΡΠ° ΡΡΡΠ°Π½ΠΈΡΡ. Π‘Π΄Π²ΠΈΠ³ΠΈ ΠΌΠ°ΠΊΠ΅ΡΠΎΠ² ΡΡΡΠ°Π½ΠΈΡ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΡΡ ΡΠΎΠ³Π΄Π°, ΠΊΠΎΠ³Π΄Π° ΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΎΠ΄Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΡΡΠ°Π½ΠΈΡ ΠΏΡΠΈ Π·Π°Π³ΡΡΠ·ΠΊΠ΅ Π΄ΡΡΠ³ΠΈΡ ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², ΡΠ°Π·ΠΌΠ΅ΡΡ ΠΊΠΎΡΠΎΡΡΡ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°ΡΡΡΡ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈ. ΠΠΎΠ΄ΡΠΎΠ±Π½ΠΎΡΡΠΈ ΠΎ ΡΠ΄Π²ΠΈΠ³Π°Ρ ΠΌΠ°ΠΊΠ΅ΡΠ° ΠΈ ΠΎ Π²Π»ΠΈΡΠ½ΠΈΠΈ ΠΈΡ Π½Π° ΡΠΊΠΎΡΠΎΡΡΡ ΡΠ°Π±ΠΎΡΡ ΡΡΡΠ°Π½ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΠΈΡΠ°ΡΡ Π·Π΄Π΅ΡΡ.
Π’ΠΎ Π΅ΡΡΡ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π΅ΡΠ»ΠΈ ΠΌΠ°ΠΊΠ΅Ρ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈΠΌΠ΅Π΅Ρ Π² ΡΠΈΡΠΈΠ½Ρ Π²ΡΠ΅Π³ΠΎ 800px, ΡΠΎ Π±ΡΠ°ΡΠ·Π΅Ρ, Π½Π΅ Π·Π°Π³ΡΡΠΆΠ°Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, Π±ΡΠ΄Π΅Ρ Π·Π½Π°ΡΡ ΠΎ ΡΠΎΠΌ, ΡΡΠΎ Π΅ΠΌΡ Π½Π°Π΄ΠΎ Π·Π°ΡΠ΅Π·Π΅ΡΠ²ΠΈΡΠΎΠ²Π°ΡΡ 600px Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π° Π΄Π»Ρ Π²ΡΠ²ΠΎΠ΄Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Ρ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠΌ ΡΠΎΠΎΡΠ½ΠΎΡΠ΅Π½ΠΈΠ΅ΠΌ ΡΡΠΎΡΠΎΠ½.
ΠΡΠΎΠ³ΠΈ
ΠΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ΅Ρ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΎΠ² ΠΊ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ ΡΠ°Π±ΠΎΡΡ Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈ, ΠΎ ΠΊΠΎΡΠΎΡΡΡ ΠΌΡ Π³ΠΎΠ²ΠΎΡΠΈΠ»ΠΈ, ΡΠΏΠΎΡΠΎΠ±Π½ΠΎ Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΡΠΊΠΎΡΠΈΡΡ ΡΠ°Π±ΠΎΡΡ Π²Π°ΡΠΈΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡ. ΠΠΎΠ΄Π±ΠΎΡ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΠ΅Π³ΠΎ ΡΠΎΡΠΌΠ°ΡΠ° Π΄Π»Ρ Ρ ΡΠ°Π½Π΅Π½ΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, Π½Π°ΡΡΡΠΎΠΉΠΊΠ° ΠΈΡ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°, ΠΊΠ°ΡΠ΅ΡΡΠ²Π°, ΠΏΠΎΡΡΠ΄ΠΊΠ° Π·Π°Π³ΡΡΠ·ΠΊΠΈ, ΡΠΏΠΎΡΠΎΠ±Π½Ρ Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠ»ΡΡΡΠΈΡΡ Π²ΠΏΠ΅ΡΠ°ΡΠ»Π΅Π½ΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ ΠΎΡ ΡΠ°Π±ΠΎΡΡ Ρ ΡΠ°ΠΉΡΠΎΠΌ.
ΠΠ°ΠΊ Π²Ρ ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΡΠ΅ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠ΅ Π² Π²Π°ΡΠΈΡ Π²Π΅Π±-ΠΏΡΠΎΠ΅ΠΊΡΠ°Ρ ?
ΠΠ°ΠΊ ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°
ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π½Π° ΡΠ°ΠΉΡΠ΅ Π½Π΅ ΠΏΡΠΎΡΡΠΎ ΠΈΠ»Π»ΡΡΡΡΠΈΡΡΡΡ ΡΠ΅ΠΊΡΡ, Π½ΠΎ ΠΈ Π²Π»ΠΈΡΡΡ Π½Π° ΡΡΠ°ΡΠΈΠΊ. ΠΡΠ»ΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π΄ΠΎΠ»Π³ΠΎ Π·Π°Π³ΡΡΠΆΠ°ΡΡΡΡ ΠΈΠ»ΠΈ Π·Π°Π»ΠΈΡΡ Π² ΠΏΠ»ΠΎΡ ΠΎΠΌ ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅, ΡΡΠΎ Π½Π΅Π³Π°ΡΠΈΠ²Π½ΠΎ ΡΠΊΠ°ΠΆΠ΅ΡΡΡ Π½Π° ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ. ΠΡΠ°Π²ΠΈΠ»ΡΠ½Π°Ρ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ ΡΡΠΎΠ³ΠΎ ΠΈΠ·Π±Π΅ΠΆΠ°ΡΡ β ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΡΠ°ΡΡΠΎ Π½Π΅ Π²ΡΠΈΡΡΠ²Π°Π΅ΡΡΡ Π² ΡΠ΅ΠΊΡΡ, Π° ΡΠΊΡΠΎΠ»Π»ΠΈΡ ΡΡΡΠ°Π½ΠΈΡΡ, ΠΈ ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅Π½Π½Π°Ρ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΡ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°Π΅Ρ Π΅Π³ΠΎ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅.
ΠΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π½ΡΠΆΠ½ΠΎ, ΡΡΠΎΠ±Ρ ΠΎΠ½ΠΈ ΠΌΠ΅Π½ΡΡΠ΅ Π²Π΅ΡΠΈΠ»ΠΈ ΠΈ Π±ΡΡΡΡΠ΅Π΅ Π·Π°Π³ΡΡΠΆΠ°Π»ΠΈΡΡ.
ΠΠ°ΠΊ ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ
Π§ΡΠΎΠ±Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°Π»ΠΎΡΡ, Π½ΡΠΆΠ½ΠΎ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ Π·Π°Π΄Π°ΡΡ ΡΠΎΡΠΌΠ°Ρ, ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎ, ΡΠ°Π·ΠΌΠ΅Ρ, Π°ΡΡΠΈΠ±ΡΡΡ alt ΠΈ title, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄ΠΏΠΈΡΠ°ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ, ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΡ ΠΈΡ Π² sitemap-ΡΠ°ΠΉΠ» ΠΈ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Π½Π° ΡΠ°ΠΉΡ OpenGraph.
Π€ΠΎΡΠΌΠ°Ρ
Google ΠΈΠ½Π΄Π΅ΠΊΡΠΈΡΡΠ΅Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π² ΡΠΎΡΠΌΠ°ΡΠ°Ρ JPEG, PNG, GIF, BMP, SVG ΠΈ WebP. Π―Π½Π΄Π΅ΠΊΡ β JPEG, PNG ΠΈ GIF. ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊ Π―Π½Π΄Π΅ΠΊΡ ΠΈΠ½Π΄Π΅ΠΊΡΠΈΡΡΠ΅Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΌΠΎΠΆΠ½ΠΎ ΡΠ·Π½Π°ΡΡ Π² ΡΠΏΡΠ°Π²ΠΊΠ΅.
JPEG β ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ Π΄Π»Ρ ΠΏΠΎΡΡΡΠ΅ΡΠ½ΡΡ ΠΈ ΠΏΠ΅ΠΉΠ·Π°ΠΆΠ½ΡΡ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΉ, Π³Π΄Π΅ Π²Π°ΠΆΠ½Π° ΡΠ²Π΅ΡΠΎΠΏΠ΅ΡΠ΅Π΄Π°ΡΠ°. ΠΡΡΡ ΡΠ°ΠΊΠΆΠ΅ JPEG 2000 ΠΈ JPEG XR. ΠΠ½ΠΈ ΡΠΆΠΈΠΌΠ°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π΅ΡΡ ΡΠΈΠ»ΡΠ½Π΅Π΅, ΡΠ΅ΠΌ ΠΎΠ±ΡΡΠ½ΡΠΉ JPEG, Π½ΠΎ ΠΏΠΎΠΊΠ° ΡΡΠΈ ΡΠΎΡΠΌΠ°ΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡΡΡ Π½Π΅ Π²ΡΠ΅ΠΌΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΠ°ΠΌΠΈ;
PNG β Π΄Π»Ρ ΡΠ»ΠΎΠΆΠ½ΡΡ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², Π² ΠΊΠΎΡΠΎΡΡΡ Π½ΡΠΆΠ½ΠΎ ΡΠΎΡ ΡΠ°Π½ΠΈΡΡ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΡΡΡ ΠΈ ΡΠ΅Π½ΠΈ;
GIF β Π΄Π»Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ ΠΈ ΠΌΠ΅Π»ΠΊΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ²: ΠΈΠΊΠΎΠ½ΠΎΠΊ, ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅;
BMP β Π΄Π»Ρ ΡΠ°ΡΡΡΠΎΠ²ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ;
SVG β Π΄Π»Ρ Π²Π΅ΠΊΡΠΎΡΠ½ΠΎΠΉ Π³ΡΠ°ΡΠΈΠΊΠΈ Π² Π»ΠΎΠ³ΠΎΡΠΈΠΏΠ°Ρ ΠΈ Π·Π½Π°ΡΠΊΠ°Ρ ;
WebP β ΡΠΎΡ ΡΠ°Π½ΡΠ΅Ρ Π²ΡΡΠΎΠΊΠΎΠ΅ ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°.
ΠΠ°ΡΠ΅ΡΡΠ²ΠΎ
Π§Π΅ΠΌ ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅Π½Π½Π΅Π΅ Π±ΡΠ΄Π΅Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ°, ΡΠ΅ΠΌ Π±ΠΎΠ»ΡΡΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ ΠΎΠ±ΡΠ°ΡΠΈΡ Π½Π° Π½Π΅Ρ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΈ ΡΠ΅ΠΌ Π»ΡΡΡΠ΅ ΠΎΠ½Π° ΠΏΡΠΎΠΈΠ½Π΄Π΅ΠΊΡΠΈΡΡΠ΅ΡΡΡ.
Π‘Π»Π΅Π΄ΠΈΡΠ΅, ΡΡΠΎΠ±Ρ ΠΏΡΠΈ ΡΠΆΠ°ΡΠΈΠΈ Π³ΡΠ°ΡΠΈΠΊΠ° Π½Π΅ ΠΈΡΠΏΠΎΡΡΠΈΠ»Π°ΡΡ ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡΠ»ΠΎ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°ΡΠ΅Π»ΡΠ½ΡΠΌ ΠΈ ΡΡΡΠΊΠΈΠΌ.
Π Π°Π·ΠΌΠ΅Ρ
ΠΡ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΡ ΠΈ ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΎΠ½Π° Π²Π΅ΡΠΈΡ, Π·Π°Π²ΠΈΡΠΈΡ ΡΠΊΠΎΡΠΎΡΡΡ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΠΈ ΠΈΠ½Π΄Π΅ΠΊΡΠ°ΡΠΈΡ ΡΡΡΠ°Π½ΠΈΡΡ.
Π£ΠΊΠ°ΠΆΠΈΡΠ΅ ΡΠΈΡΠΈΠ½Ρ ΠΈ Π²ΡΡΠΎΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² CSS, ΡΡΠΎΠ±Ρ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΠΈΠΊ Π±ΡΡΡΡΠ΅Π΅ ΠΏΡΠΎΠΈΠ½Π΄Π΅ΠΊΡΠΈΡΠΎΠ²Π°Π» ΡΡΡΠ°Π½ΠΈΡΡ. ΠΠΏΡΠΈΠΌΠ°Π»ΡΠ½ΡΠΉ ΡΠ°Π·ΠΌΠ΅Ρ Π²Π½ΡΡΡΠΈ ΡΡΡΠ°Π½ΠΈΡΡ β Π² ΡΠ°ΠΉΠΎΠ½Π΅ 300 px. ΠΡΠ»ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π½ΡΠΆΠ½ΠΎ ΡΠ°ΡΡΡΠ½ΡΡΡ Π½Π° Π²ΡΡ ΡΠΈΡΠΈΠ½Ρ ΡΠΊΡΠ°Π½Π° β 1920 px.
ΠΡΠΈΠ΅ΠΌΠ»Π΅ΠΌΡΠΉ Π²Π΅Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ β ΠΎΡ 200 ΠΠ Π΄ΠΎ 1 ΠΠ±. ΠΠ΅Ρ ΠΌΠ΅Π½ΡΡΠ΅ 200 ΠΠ ΡΠ΄Π΅Π»Π°Π΅Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ Π½Π΅ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎΠΉ, Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΠΎΠ»ΡΡΠ΅ 1 ΠΠ± ΡΠΆΠ΅ Π±ΡΠ΄Π΅Ρ ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎ Π·Π°Π³ΡΡΠΆΠ°ΡΡΡΡ.
Π£Π·Π½Π°ΡΡ ΡΠ°Π·ΠΌΠ΅Ρ ΠΈ Π²Π΅Ρ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΉ ΠΌΠΎΠΆΠ½ΠΎ Π±Π»Π°Π³ΠΎΠ΄Π°ΡΡ Π°ΡΠ΄ΠΈΡΡ ΡΠ°ΠΉΡΠ° ΠΎΡ Serpstat:
ΠΡΡΠΈΠ±ΡΡΡ alt ΠΈ title
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° alt β ΡΠΎΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅ ΠΎΡ alternative. ΠΡΠΎ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΏΠΎΠΊΠ°ΠΆΠ΅ΡΡΡ Π½Π° ΠΌΠ΅ΡΡΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ, Π΅ΡΠ»ΠΈ ΠΎΠ½Π° Π½Π΅ ΠΏΡΠΎΠ³ΡΡΠ·ΠΈΡΡΡ. Π’ΠΎ Π΅ΡΡΡ ΡΡΠΎ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½Π°Ρ, ΠΈΡΡ ΠΎΠ΄Ρ ΠΈΠ· Π½Π°Π·Π²Π°Π½ΠΈΡ, ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ, ΠΊΠΎΡΠΎΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΡΠ·Π½Π°Π΅Ρ ΠΎΠ± ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΈ.
ΠΠΌΠ΅Π½Π½ΠΎ Π±Π»Π°Π³ΠΎΠ΄Π°ΡΡ alt ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΠΏΠΎΠΏΠ°Π΄Π°ΡΡ Π² Π²ΡΠ΄Π°ΡΡ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΠΈΠΊΠΎΠ². ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ Π² ΡΠ΅Π±Π΅ ΡΡΠΈ-ΡΠ΅ΡΡΡΠ΅ ΡΠ»ΠΎΠ²Π° ΠΈ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΎΠ²Π°ΡΡ ΡΠΎΠΌΡ, ΡΡΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΎ. ΠΠ΅Π»Π°ΡΠ΅Π»ΡΠ½ΠΎ, ΡΡΠΎΠ±Ρ Π² Π½Π΅Π³ΠΎ Π²Ρ ΠΎΠ΄ΠΈΠ»ΠΈ ΠΊΠ»ΡΡΠ΅Π²ΡΠ΅ ΡΠ»ΠΎΠ²Π°.
Alt β ΡΡΠΎ Π½Π΅ ΡΠΎ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠ΅, ΡΡΠΎ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΡΠ°ΠΉΠ»Π°. ΠΡΡΠΈΠ±ΡΡ ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°Π΅ΡΡΡ ΡΠΆΠ΅ Π² ΠΊΠΎΠ΄Π΅, Π° Π½Π°Π·Π²Π°Π½ΠΈΠ΅ β ΠΏΠ΅ΡΠ΅Π΄ Π·Π°Π³ΡΡΠ·ΠΊΠΎΠΉ Π½Π° ΡΠ°ΠΉΡ. ΠΠΎ Π½Π°Π·Π²Π°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠΎΠΆΠ΅ Π½ΡΠΆΠ½ΠΎ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π΅ΡΠ»ΠΈ Π½Π° ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΈ β Π°ΡΡΠΎΠΏΠΎΡΡ Π¨Π΅ΡΠ΅ΠΌΠ΅ΡΡΠ΅Π²ΠΎ, Π½Π°Π·ΠΎΠ²ΠΈΡΠ΅ ΡΠ°ΠΉΠ» SVO-airport.jpg, Π° Π½Π΅ ΠΈΠΌΠ΅Π½Π΅ΠΌ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΏΡΠΈΡΠ²ΠΎΠΈΠ»Π° ΡΠΈΡΡΠ΅ΠΌΠ°.
Π’Π°ΠΊ alt Π²ΡΠ³Π»ΡΠ΄ΠΈΡ Π² ΠΊΠΎΠ΄Π΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ
ΠΡΠΎΡΠΎΠΉ Π°ΡΡΠΈΠ±ΡΡ β title β ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ, Π΅ΡΠ»ΠΈ ΠΏΡΠΎΡΡΠΎ Π½Π°Π²Π΅ΡΡΠΈ ΠΊΡΡΡΠΎΡ Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, Π΄Π°ΠΆΠ΅ Π΅ΡΠ»ΠΈ ΠΎΠ½ΠΎ ΠΏΡΠΎΠ³ΡΡΠ·ΠΈΠ»ΠΎΡΡ. ΠΡΠ° Π½Π°ΡΡΡΠΎΠΉΠΊΠ° Π½Π΅ ΡΠ°ΠΊ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½Π°, ΠΊΠ°ΠΊ alt, Π½ΠΎ Π²ΡΡ ΠΆΠ΅ Ρ Π΅Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ° ΠΌΠΎΠΆΠ΅Ρ ΠΊΠΎΡΠ²Π΅Π½Π½ΠΎ ΠΏΡΠΎΠ΄Π²ΠΈΠ³Π°ΡΡΡΡ β Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΈ Ρ ΡΠ΅ΠΊΡΡΠΎΠΌ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ ΠΎΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΡΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΡΡΡΡ Π΄ΠΎΠ»ΡΡΠ΅.
Π’Π°ΠΊ title Π²ΡΠ³Π»ΡΠ΄ΠΈΡ Π½Π° ΡΠ°ΠΉΡΠ΅
ΠΠΎΠ΄ΠΏΠΈΡΠΈ
ΠΡΠ»ΠΈ alt ΠΈ title β ΠΏΠΎΠ΄ΠΏΠΈΡΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΡΠ²Π»ΡΡΡΡΡ ΠΏΡΠΈ ΠΊΠ°ΠΊΠΎΠΌ-ΡΠΎ Π΄Π΅ΠΉΡΡΠ²ΠΈΠΈ, ΡΠΎ ΠΎΠ±ΡΡΠ½Π°Ρ ΠΏΠΎΠ΄ΠΏΠΈΡΡ ΡΠΎΠΏΡΠΎΠ²ΠΎΠΆΠ΄Π°Π΅Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π²ΡΠ΅Π³Π΄Π°.
ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Ρ ΠΏΠΎΠ΄ΠΏΠΈΡΡΡ. ΠΡΡΠ°ΡΠΈ, ΡΠ΅ΠΊΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ Π²Ρ ΡΠ΅ΠΉΡΠ°Ρ ΡΠΈΡΠ°Π΅ΡΠ΅ β ΡΠΎΠΆΠ΅ ΠΏΡΠΈΠΌΠ΅Ρ ΠΏΠΎΠ΄ΠΏΠΈΡΠΈ
ΠΠΎΠ΄ΠΏΠΈΡΠΈ ΠΏΠΎΠΌΠΎΠ³Π°ΡΡ ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ ΠΏΠΎ Π΄Π²ΡΠΌ ΠΏΡΠΈΡΠΈΠ½Π°ΠΌ:
Π§ΡΠΎΠ±Ρ ΠΏΠΎΠ΄ΠΏΠΈΡΡ ΠΏΠΎΠΌΠΎΠ³Π»Π° Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ, Π½ΠΎ ΠΈ ΡΠΈΡΠ°ΡΠ΅Π»Ρ, Π½Π°ΠΏΠΈΡΠΈΡΠ΅ Π² Π½Π΅ΠΉ ΡΡΠΎ-Π½ΠΈΠ±ΡΠ΄Ρ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ΅ ΠΈ Π½Π΅ ΠΏΡΠΎΡΠΈΠ²ΠΎΡΠ΅ΡΠ°ΡΠ΅Π΅ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΈ.
Sitemap-ΡΠ°ΠΉΠ»
Sitemap β ΡΡΠΎ ΠΊΠ°ΡΡΠ° ΡΠ°ΠΉΡΠ° Π² Π²ΠΈΠ΄Π΅ ΠΊΠΎΠ΄Π°, ΠΏΠΎ ΠΊΠΎΡΠΎΡΠΎΠΌΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΈΡΠ°ΡΡ, Π³Π΄Π΅ Π½Π°Ρ ΠΎΠ΄ΡΡΡΡ ΡΠ΅ ΠΈΠ»ΠΈ ΠΈΠ½ΡΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡΡ. Π§ΡΠΎΠ±Ρ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΠΈΠΊΠΈ ΠΏΡΠΎΠΈΠ½Π΄Π΅ΠΊΡΠΈΡΠΎΠ²Π°Π»ΠΈ ΡΡΡΠ΄Π½ΠΎΠ΄ΠΎΡΡΡΠΏΠ½ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π·Π°Π³ΡΡΠΆΠ΅Π½Π½ΡΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ JavaScript), ΠΈΡ Π½ΡΠΆΠ½ΠΎ ΠΏΡΠΎΠΏΠΈΡΠ°ΡΡ Π² sitemap-ΡΠ°ΠΉΠ»Π΅ Π² ΡΠΎΡΠΌΠ°ΡΠ΅ XML.
Π ΠΊΠΎΠ΄Π΅ ΡΡΠΎ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ°ΠΊ:
ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊ Π½Π°ΡΡΡΠΎΠΈΡΡ sitemap-ΡΠ°ΠΉΠ», ΠΌΠΎΠΆΠ½ΠΎ ΡΠ·Π½Π°ΡΡ Π² ΡΠΏΡΠ°Π²ΠΊΠ°Ρ Π―Π½Π΄Π΅ΠΊΡΠ° ΠΈ Google.
Π Π°Π·ΠΌΠ΅ΡΠΊΠ° OpenGraph
ΠΠ°ΡΠ΅ΡΠΈΠ°Π»Ρ, ΠΎΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½Π½ΡΠ΅ Π½Π° ΡΠ°ΠΉΡΠ΅, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΎΠ΄Π²ΠΈΠ³Π°ΡΡ ΡΠ°ΠΊΠΆΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠΎΡΡΠ΅ΡΠ΅ΠΉ. Π§ΡΠΎΠ±Ρ Π½Π° Π½Π΅Π³ΠΎ ΠΎΠ±ΡΠ°ΡΠΈΠ»ΠΈ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π² Π½ΠΎΠ²ΠΎΡΡΠ½ΠΎΠΉ Π»Π΅Π½ΡΠ΅, ΠΏΠΎΡΡ ΡΠΎ ΡΡΠ°ΡΡΡΠΉ Π½ΡΠΆΠ½ΠΎ ΠΊΡΠ°ΡΠΈΠ²ΠΎ ΠΎΡΠΎΡΠΌΠΈΡΡ. Π ΡΡΠΎΠΌ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ° OpenGraph.
ΠΡΠ»ΠΈ OpenGraph Π΅ΡΡΡ Π½Π° ΡΠ°ΠΉΡΠ΅, ΡΠΎ ΠΏΡΠΈ ΠΏΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΠΈ Π² ΡΠΎΡΡΠ΅ΡΡΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ Π·Π°Π»ΠΈΠ²Π°Π΅ΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π½ΡΠΆΠ½ΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈ ΡΡΡΠ»ΠΊΠ°. ΠΡΠΎ ΠΏΠΎΠ²ΡΡΠ°Π΅Ρ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°ΡΠ΅Π»ΡΠ½ΠΎΡΡΡ ΠΏΠΎΡΡΠ°.
ΠΠΎΡΡ ΡΠΎ ΡΡΠ°ΡΡΡΠΉ Π½Π° OpenGraph
ΠΠ°ΡΠ΅ΡΠΈΠ°Π» Π½Π΅ Π½Π° OpenGraph ΠΎΠΏΡΠ±Π»ΠΈΠΊΡΠ΅ΡΡΡ Π² ΡΠΎΡΡΠ΅ΡΠΈ Π² ΡΠΆΠ°ΡΠΎΠΌ Π²ΠΈΠ΄Π΅ β Π΅ΡΠ»ΠΈ Π½Π°ΠΆΠ°ΡΡ Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, ΠΎΠ½ΠΎ Π±ΡΠ΄Π΅Ρ Π²Π΅ΡΡΠΈ Π½Π° ΡΠ°ΠΉΡ, ΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ Π½Π΅ ΠΏΠΎΠ»ΡΡΠΈΡΡΡ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ, Π½Π΅ ΠΏΠ΅ΡΠ΅ΠΉΠ΄Ρ ΠΏΠΎ ΡΡΡΠ»ΠΊΠ΅.
ΠΠΎΠ΄ΡΠΎΠ±Π½Π°Ρ ΠΈΠ½ΡΡΡΡΠΊΡΠΈΡ, ΠΊΠ°ΠΊ Π½Π°ΡΡΡΠΎΠΈΡΡ OpenGraph, Π΅ΡΡΡ Ρ Π―Π½Π΄Π΅ΠΊΡ.ΠΠΎΠΌΠΎΡΠΈ.
ΠΡΠ»ΠΈ ΡΡΡΠ°Π½ΠΈΡΠ° ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎ Π·Π°Π³ΡΡΠΆΠ°Π΅ΡΡΡ, ΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΈΠ²Π΅ΡΡΠΈ ΠΊ ΠΏΠΎΡΠ΅ΡΠ΅ Π°ΡΠ΄ΠΈΡΠΎΡΠΈΠΈ ΠΈ, ΠΊΠ°ΠΊ ΡΠ»Π΅Π΄ΡΡΠ²ΠΈΠ΅ β ΡΠ±ΡΡΠΊΠ°ΠΌ. ΠΡΠΎΠΌΠ΅ Π²Π΅ΡΠ° ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°, Π½Π° ΡΠΊΠΎΡΠΎΡΡΡ Π·Π°Π³ΡΡΠ·ΠΊΠΈ Π²Π»ΠΈΡΠ΅Ρ Π³Π΅ΠΎΠ³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠ°Ρ ΡΠ΄Π°Π»ΡΠ½Π½ΠΎΡΡΡ ΡΠ΅ΡΠ²Π΅ΡΠ°. Π§ΡΠΎΠ±Ρ ΡΠ°ΠΉΡ ΠΎΡΠΊΡΡΠ²Π°Π»ΡΡ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ Π±ΡΡΡΡΠΎ Π² Π»ΡΠ±ΠΎΠΉ ΡΠΎΡΠΊΠ΅ ΠΌΠΈΡΠ°, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ΅ΡΠΈ Π΄ΠΎΡΡΠ°Π²ΠΊΠΈ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° (Content Delivery Networks), ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ°ΡΠΏΡΠ΅Π΄Π΅Π»ΡΡΡ Π½Π°Π³ΡΡΠ·ΠΊΡ Π½Π° ΠΎΠ΄ΠΈΠ½ ΡΠ΅ΡΠ²Π΅Ρ.
ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, CDN ΡΠ»ΡΡΡΠ°Π΅Ρ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΡΠ΅ ΠΏΠΎΠΈΡΠΊΠΈ β ΠΊ Π½ΠΈΠΌ ΠΎΡΠ½ΠΎΡΠΈΡΡΡ ΠΏΠΎΠΈΡΠΊ ΠΏΠΎ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ°ΠΌ ΠΈ Π²ΠΈΠ΄Π΅ΠΎ. ΠΠ΄Π½Π°ΠΊΠΎ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΠΈΠΊ ΠΌΠΎΠΆΠ΅Ρ ΠΈΠ½Π΄Π΅ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ Π½Π΅ Π½Π° Π²Π°ΡΠ΅ΠΌ ΡΠ°ΠΉΡΠ΅, Π° Π½Π° ΡΠΎΠΌ ΡΠ΅ΡΠ²Π΅ΡΠ΅, ΠΊΠΎΡΠΎΡΡΠΉ Π·Π°ΠΊΡΡΠΈΡΠΎΠ²Π°Π» ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ. ΠΡΠΎ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ ΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΎ Π½Π΅ Ρ Π²Π°Ρ ΠΈ ΠΈΠ·-Π·Π° ΡΡΠΎΠ³ΠΎ Π²Ρ ΡΠ΅ΡΡΠ΅ΡΠ΅ ΡΡΠ°ΡΠΈΠΊ.
Π§ΡΠΎΠ±Ρ ΡΡΠΎΠ³ΠΎ Π½Π΅ ΠΏΡΠΎΠΈΠ·ΠΎΡΠ»ΠΎ, ΡΡΠΎΠΈΡ ΡΠΎΠ·Π΄Π°ΡΡ ΠΏΠΎΠ΄Π΄ΠΎΠΌΠ΅Π½ Π΄Π»Ρ CDN ΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π½Π° Π½ΡΠΌ.
ΠΠ΄Π΅ ΡΠΆΠ°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ Π½Π΅ ΠΏΠΎΡΠ΅ΡΡΡΡ ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎ
ΠΡΡΡ ΠΌΠ½ΠΎΠ³ΠΎ ΠΎΠ½Π»Π°ΠΉΠ½-ΡΠ΅ΡΠ²ΠΈΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. Π Π°ΡΡΠΊΠ°ΠΆΠ΅ΠΌ ΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΠΈΠ· Π½ΠΈΡ .
ΠΠΎΠ»ΡΡΠΎΠ΅ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎ ΠΏΠΎ SEO Π΄Π»Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ: ΠΊΠ°ΠΊ ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π½Π° ΡΠ°ΠΉΡΠ΅
Π ΡΡΠ°ΡΡΠ΅:
Π‘ ΡΠΎΡΠΊΠΈ Π·ΡΠ΅Π½ΠΈΡ Π²Π»ΠΈΡΠ½ΠΈΡ Π½Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ, ΡΡΡΠ°Π½ΠΈΡΠ° Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ Π»ΡΡΡΠ΅ ΠΏΠΎΠ»ΠΎΡΠ½Π° ΡΠ΅ΠΊΡΡΠ°. ΠΠ°ΡΡΠΈΠ½ΠΊΠΈ ΠΏΠΎΠΌΠΎΠ³Π°ΡΡ Π»ΡΡΡΠ΅ ΠΏΠΎΠ½ΡΡΡ ΡΠΌΡΡΠ», ΡΠ°Π·Π±ΠΈΠ²Π°ΡΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅ ΠΏΠΎΠ»ΠΎΡΠ½Π° Π½Π° ΡΠ΄ΠΎΠ±Π½ΡΠ΅ Π΄Π»Ρ ΡΡΠ΅Π½ΠΈΡ Π±Π»ΠΎΠΊΠΈ.
Π‘ΠΎ ΡΡΠΎΡΠΎΠ½Ρ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΠΈΠΊΠΎΠ² ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π²Π°ΠΆΠ½Ρ Π΄Π»Ρ SEO. ΠΠ½ΠΈ ΠΌΠΎΠ³ΡΡ ΠΏΡΠΈΠ½Π΅ΡΡΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΉ ΡΡΠ°ΡΠΈΠΊ ΠΈΠ· Google ΠΈ Π―Π½Π΄Π΅ΠΊΡ ΠΠ°ΡΡΠΈΠ½ΠΎΠΊ.
ΠΠΎ ΠΌΠ½Π΅Π½ΠΈΡ ΡΠΏΠ΅ΡΠΈΠ°Π»ΠΈΡΡΠ° ΡΠ΅Ρ Π½ΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ SEO ΠΈ ΡΠ΅Π²Π΅ΡΡ ΠΈΠ½ΠΆΠΈΠ½ΠΈΡΠΈΠ½Π³Π° ΠΠ΅ΠΌΠΈ ΠΡΡΡΡΠ° (Demi Murych), ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΎΠ½ ΠΎΠ·Π²ΡΡΠΈΠ» Π² Π²Π΅Π±ΠΈΠ½Π°ΡΠ΅ Π½Π° ΠΊΠ°Π½Π°Π»Π΅ ΠΠΈΡ Π°ΠΈΠ»Π° Π¨Π°ΠΊΠΈΠ½Π°, Ρ ΡΠ΅Ρ Π½ΠΈΡΠ΅ΡΠΊΠΎΠΉ ΡΠΎΡΠΊΠΈ Π·ΡΠ΅Π½ΠΈΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΠΈ Π²ΠΈΠ΄Π΅ΠΎ Ρ Google ΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ ΠΊΠ°ΠΊ ΠΌΠΈΠ½ΠΈΠΌΡΠΌ ΡΠ°Π²Π½ΠΎΠ΅ Π²Π»ΠΈΡΠ½ΠΈΠ΅, ΠΊΠ°ΠΊ Π»ΡΠ±ΠΎΠΉ Π΄ΡΡΠ³ΠΎΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ. Π ΡΡΠ°ΡΡΠ΅ ΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΠΈ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΎΠ²Π΅ΡΡ ΠΈΠ· ΡΡΠΎΠ³ΠΎ Π²Π΅Π±ΠΈΠ½Π°ΡΠ°. ΠΡΠ΅ ΠΏΠΎΠ»Π΅Π·Π½ΡΠ΅ Π²ΠΈΠ΄Π΅ΠΎ Π΅ΡΡΡ Π½Π° Youtube-ΠΊΠ°Π½Π°Π»Π΅ DemiMurych.
Π ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π΅ ΡΠ°Π·Π±Π΅ΡΠ΅ΠΌ, ΠΊΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ ΠΎΡΠΎΡΠΌΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π΄Π»Ρ SEO, ΡΡΠΎΠ±Ρ Π΄Π΅Π»Π°ΡΡ ΠΈΡ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΌΠΈ, Π½Π΅ ΡΠΎΡΠΌΠΎΠ·ΠΈΡΡ Π·Π°Π³ΡΡΠ·ΠΊΡ ΡΠ°ΠΉΡΠ° ΠΈ ΠΏΠΎΠ»ΡΡΠ°ΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΉ ΡΡΠ°ΡΠΈΠΊ. ΠΡΠ΅ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΠΈ ΡΠΎΠ²Π΅ΡΡΠ΅ΠΌ Π½Π΅ ΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡ Π½Π° Π²Π΅ΡΡ, Π° ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ ΠΈ ΠΏΡΠΎΠ²Π΅ΡΡΡΡ Π½Π° ΡΠ²ΠΎΠ΅ΠΌ ΠΎΠΏΡΡΠ΅.
Π’ΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΡ ΠΊ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ°ΠΌ: ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ, ΡΠ°Π·ΠΌΠ΅ΡΡ, ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΠΎΡΡΡ
ΠΠ°ΠΊΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΏΠΎΠ΄Π±ΠΈΡΠ°ΡΡ Π΄Π»Ρ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ°Ρ ΡΠ°ΠΉΡΠ°.
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ: Π΄Π»Ρ SEO Ρ Π²Π°ΡΠΈΡ ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅?
ΠΡ Π½Π΅ Π²ΡΡΡΠ΅ΡΠ°Π»ΠΈ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ, ΡΡΠΎ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½Π½ΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ ΠΊΠ°ΠΊ-ΡΠΎ Π²Π»ΠΈΡΠ΅Ρ Π½Π° ΠΏΠΎΠ·ΠΈΡΠΈΠΈ ΡΠ°ΠΉΡΠ°. ΠΡΠ»ΠΈ Π²Ρ ΡΡΠΎ-ΡΠΎ ΠΎΠ± ΡΡΠΎΠΌ Π·Π½Π°Π΅ΡΠ΅, ΠΏΠΎΠ΄Π΅Π»ΠΈΡΠ΅ΡΡ Π² ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΡΡ .
ΠΠΎ ΠΏΠΎΠΈΡΠΊΠΎΠ²Π°Ρ ΠΌΠ°ΡΠΈΠ½Π° Π²ΠΎΡΠΏΡΠΈΠ½ΠΈΠΌΠ°Π΅Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ ΠΈΠ½Π°ΡΠ΅ β Π΄Π»Ρ Π½Π΅Π΅ ΡΡΠΎ ΡΠΎΠ²ΠΎΠΊΡΠΏΠ½ΠΎΡΡΡ ΡΠ°ΠΊΡΠΎΡΠΎΠ², Π² ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ ΠΎΠ΄ΠΈΡ Π² ΡΠΎΠΌ ΡΠΈΡΠ»Π΅ ΠΈ ΡΠ°Π·Π½ΡΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ ΡΡΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
ΠΠΎ ΠΌΠ½Π΅Π½ΠΈΡ ΠΠ΅ΠΌΠΈ ΠΡΡΡΡΠ°, ΠΈΡΡ ΠΎΠ΄Ρ ΠΈΠ· ΡΠ°ΠΊΠΎΠ³ΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, Π΄Π»Ρ Π²ΡΡ ΠΎΠ΄Π° Π² ΡΠΎΠΏ ΠΆΠ΅Π»Π°ΡΠ΅Π»ΡΠ½ΠΎ ΠΈΠΌΠ΅ΡΡ ΠΌΠΈΠ½ΠΈΠΌΡΠΌ 12 ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ β ΡΠΎΡΠ½Π΅Π΅ 12 Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ² ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. ΠΠ½ΠΈ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ ΠΎΠ΄Π½ΠΎ ΠΈ ΡΠΎ ΠΆΠ΅, Π½ΠΎ ΠΈΠΌΠ΅ΡΡ ΡΠ°Π·Π½ΡΠ΅ ΡΠΎΡΠΌΠ°ΡΡ ΠΈ Π²ΡΠΏΠΎΠ»Π½ΡΡΡ ΡΠ°Π·Π½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ:
ΠΡΠΎΠΈΠ½ΡΠΎΡΠΌΠΈΡΠΎΠ²Π°ΡΡ Google ΠΎ ΡΡΡΠ΅ΡΡΠ²ΠΎΠ²Π°Π½ΠΈΠΈ ΠΏΡΠ΅Π²ΡΡ ΠΌΠΎΠΆΠ½ΠΎ Π΄Π²ΡΠΌΡ ΡΠΏΠΎΡΠΎΠ±Π°ΠΌΠΈ:
ΠΠΎΡΠ»Π΅ ΡΡΠΎΠ³ΠΎ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΠΈΠΊ Π±ΡΠ΄Π΅Ρ ΠΈΠ½Π΄Π΅ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ ΡΡΠΈ ΠΏΡΠ΅Π²ΡΡ ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΈΡ Π² ΠΏΠΎΠΈΡΠΊΠΎΠ²ΠΎΠΉ Π²ΡΠ΄Π°ΡΠ΅.
ΠΠ°ΡΠ΅ΡΡΠ²ΠΎ ΠΈ ΡΠ°Π·ΠΌΠ΅ΡΡ: ΠΊΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ Π½Π° ΡΠ°ΠΉΡΠ΅?
ΠΠΎΠ³Π΄Π° Π³ΠΎΠ²ΠΎΡΡΡ ΠΎ ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΎΡΠΈΠ΅Π½ΡΠΈΡΡΡΡΡΡ Π½Π° Π΅Π³ΠΎ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΠ΅. ΠΡΠΎ Π½Π΅ ΡΠΎΠ²ΡΠ΅ΠΌ ΠΊΠΎΡΡΠ΅ΠΊΡΠ½ΠΎ, Π½ΠΎ ΡΠ»ΠΎΠΆΠ½ΠΎ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠΈΡΡ ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎ ΠΊΠ°ΠΊ-ΡΠΎ ΠΏΠΎ-Π΄ΡΡΠ³ΠΎΠΌΡ. ΠΠ±ΡΡΠ½ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Ρ Π±ΠΎΠ»Π΅Π΅ Π²ΡΡΠΎΠΊΠΈΠΌ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ΠΌ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ Π»ΡΡΡΠ΅ Π²ΡΠ³Π»ΡΠ΄ΡΡ ΠΈ Π±ΠΎΠ»ΡΡΠ΅ Π½ΡΠ°Π²ΡΡΡΡ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΠΈΠΊΠ°ΠΌ.
ΠΠ°ΡΠ΅ΡΡΠ²ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ Π²ΡΡΠ΅, ΡΠ΅ΠΌ Ρ ΠΊΠΎΠ½ΠΊΡΡΠ΅Π½ΡΠΎΠ². ΠΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½Π°Ρ Π½ΠΈΠΆΠ½ΡΡ Π³ΡΠ°Π½ΠΈΡΠ° β 1080 px ΠΏΠΎ Π²ΡΡΠΎΡΠ΅. ΠΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΡΠΉ ΡΠ°Π·ΠΌΠ΅Ρ ΠΏΡΠ΅Π²ΡΡ β 640 px Π² ΡΠΈΡΠΈΠ½Ρ. Π‘ΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΉ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΡΠΉ Π½Π°Π±ΠΎΡ Π΄Π»Ρ ΠΏΡΠΈΠΌΠ΅ΡΠ°: ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ° 1920 px Π² ΡΠΈΡΠΈΠ½Ρ ΠΈ ΡΡΠΈ ΠΏΡΠ΅Π²ΡΡ Π΄Π»Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΠΏΠ»Π°ΡΡΠΎΡΠΌ β 640, 920 ΠΈ 1220 px.
Π‘ Π΄ΡΡΠ³ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Ρ, Π΅ΡΠ»ΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ Π±ΠΎΠ»ΡΡΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΎΠ³ΡΠΎΠΌΠ½ΡΡ ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅Π½Π½ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ±Π½Π°ΡΡΠΆΠΈΡΡ, ΡΡΠΎ ΡΡΡΠ°Π½ΠΈΡΡ ΠΏΠ°Π΄Π°ΡΡ Π² Π²ΡΠ΄Π°ΡΠ΅. ΠΠ°ΠΊ ΡΡΠΎ ΡΠ»ΡΡΠΈΠ»ΠΎΡΡ Π² ΡΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠ΅ ΠΠ΅ΠΌΠΈ ΠΡΡΡΡΠ°: ΠΎΠ½ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΠ» Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ°Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠΌ ΠΎΠΊΠΎΠ»ΠΎ 20 000 px, Π² ΠΈΡΠΎΠ³Π΅ Π²ΡΠ΅ ΡΡΠΈ ΡΡΡΠ°Π½ΠΈΡΡ Π½Π°ΡΠ°Π»ΠΈ ΠΏΡΠΎΡΠ΅Π΄Π°ΡΡ. ΠΠΎΡ, ΠΈΠ½Π΄Π΅ΠΊΡΠΈΡΡΡΡΠΈΠΉ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ, Π·Π°Π½ΡΠ» Π²Π΅ΡΡ Π³ΠΈΠ³Π°Π±ΠΈΡΠ½ΡΠΉ ΠΊΠ°Π½Π°Π», ΠΈ Π΄ΡΡΠ³ΠΎΠΉ Π±ΠΎΡ Π΄Π»Ρ ΠΈΠ½Π΄Π΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ html Π½Π΅ ΡΠΌΠΎΠ³ ΠΏΡΠΎΠ±ΠΈΡΡΡΡ ΠΊ ΠΏΡΠΎΠ΅ΠΊΡΡ. Π’Π°ΠΊΠ°Ρ ΡΠΈΡΡΠ°ΡΠΈΡ Ρ Π±ΠΎΠ»ΡΡΠ΅ΠΉ Π²Π΅ΡΠΎΡΡΠ½ΠΎΡΡΡΡ ΡΠ³ΡΠΎΠΆΠ°Π΅Ρ ΡΠΎΡΠΎΡΡΠΎΠΊΠ°ΠΌ, ΡΠ°ΠΉΡΠ°ΠΌ Ρ ΠΏΠΎΡΡΡΠΎΠ»ΠΈΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ² ΠΈΠ»ΠΈ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΎΠ².
Π£Π½ΠΈΠΊΠ°Π»ΡΠ½ΠΎΡΡΡ: ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ ΡΠ²ΠΎΠΈΠΌΠΈ ΠΈΠ»ΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ°ΡΡ ΠΈΠ· ΠΈΠ½ΡΠ΅ΡΠ½Π΅ΡΠ°?
ΠΠ°ΠΊΠ°Π·ΡΠ²Π°ΡΡ ΡΠΎΡΠΎΡΠ΅ΡΡΠΈΠΈ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π½ΠΎΠ²ΠΎΠ³ΠΎ ΡΠΎΠ²Π°ΡΠ° ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π½Π°ΠΊΠ»Π°Π΄Π½ΠΎ, ΠΊΠ°ΠΊ ΠΈ ΠΈΠΌΠ΅ΡΡ Π² ΡΡΠ°ΡΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ° Π΄Π»Ρ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΉ ΠΊ ΡΡΠ°ΡΡΡΠΌ. ΠΡΡΠ°Π΅ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΠΈΠ· Π²ΡΠ΄Π°ΡΠΈ Π―Π½Π΄Π΅ΠΊΡΠ° ΠΈ Google. ΠΠΎΠΆΠ΅Ρ Π»ΠΈ ΡΡΠΎ Π½Π°Π²ΡΠ΅Π΄ΠΈΡΡ ΡΠ°ΠΉΡΡ?
Π‘ ΡΠΎΡΠΊΠΈ Π·ΡΠ΅Π½ΠΈΡ SEO
ΠΠΎΠΌΠΏΠ°Π½ΠΈΡ Β«Reboot OnlineΒ» ΠΏΡΠΎΠ²Π΅Π»Π° ΡΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½Ρ Ρ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΡΠΌΠΈ: ΠΎΠ½ΠΈ ΠΏΡΠ΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠ»ΠΈ, ΡΡΠΎ Π΅ΡΠ»ΠΈ ΠΎΡΠΈΠ³ΠΈΠ½Π°Π»ΡΠ½ΠΎΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΈΠΌΠ΅Π΅Ρ Π΄Π»Ρ Google Π±ΠΎΠ»ΡΡΡΡ Π·Π½Π°ΡΠΈΠΌΠΎΡΡΡ, ΡΠΎ ΠΏΡΠΈ ΠΏΡΠΎΡΠΈΡ ΡΠ°Π²Π½ΡΡ ΡΠ°ΠΉΡΡ Ρ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΌΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ°ΠΌΠΈ Π±ΡΠ΄ΡΡ Π²ΡΡΠ΅ Π² Π²ΡΠ΄Π°ΡΠ΅, ΡΠ΅ΠΌ Π°Π½Π°Π»ΠΎΠ³ΠΈΡΠ½ΡΠ΅ ΡΠ°ΠΉΡΡ Ρ Π΄ΡΠ±Π»ΡΠΌΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ.
ΠΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½Ρ Π΄Π»ΠΈΠ»ΡΡ ΡΡΠΈ ΠΌΠ΅ΡΡΡΠ°, Π² ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ ΠΏΠΎΠ·ΠΈΡΠΈΠΈ ΡΠ°ΠΉΡΠΎΠ² Ρ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΌΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ°ΠΌΠΈ ΠΎΠΊΠ°Π·Π°Π»ΠΈΡΡ Π²ΡΡΠ΅, ΡΠ΅ΠΌ ΡΠ°ΠΉΡΠΎΠ² Ρ Π΄ΡΠ±Π»ΡΠΌΠΈ. Π ΡΠΎΠΏΠ΅ Π²ΡΠ΄Π°ΡΠΈ Google ΠΠ°ΡΡΠΈΠ½ΠΎΠΊ ΠΏΠΎ Π²ΡΠ΄ΡΠΌΠ°Π½Π½ΠΎΠΌΡ Π·Π°ΠΏΡΠΎΡΡ ΠΏΠΎΡΠ²ΠΈΠ»ΠΈΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠ΅ ΡΠΎΡΠΎ. ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΠΈΡΠ°ΡΡ Π² ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΠΌ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π΅.
ΠΠΊΡΠΏΠ΅ΡΡ ΠΏΠΎ SEO ΠΠΈΡ Π°ΠΈΠ» Π¨Π°ΠΊΠΈΠ½ ΡΡΠΈΡΠ°Π΅Ρ, ΡΡΠΎ Π½Π° ΠΊΠ°ΡΡΠΎΡΠΊΠ°Ρ ΡΠΎΠ²Π°ΡΠ° ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π½Π΅ΠΎΡΠΈΠ³ΠΈΠ½Π°Π»ΡΠ½ΡΠ΅ ΡΠΎΡΠΎ, ΠΏΠΎΠΈΡΠΊΠΎΠ²ΠΈΠΊ ΠΎΡΠ½ΠΎΡΠΈΡΡΡ ΠΊ ΡΡΠΎΠΌΡ Π»ΠΎΡΠ»ΡΠ½ΠΎ:
Β«ΠΠΎ ΠΊΠ°ΡΡΠΎΡΠΊΠ°ΠΌ ΡΠΎΠ²Π°ΡΠΎΠ² ΡΠΎΠ²ΡΠ΅ΠΌ Π½Π΅ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ, ΡΡΠΎΠ±Ρ ΠΎΠ½ΠΈ Π±ΡΠ»ΠΈ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΌΠΈ. Π§Π°ΡΡΠΎ ΠΊΠ°ΡΡΠΎΡΠΊΠΈ Π½Π° ΠΌΠ½ΠΎΠ³ΠΈΡ ΡΠ°ΠΉΡΠ°Ρ Π½Π°ΠΏΠΎΠ»Π½ΡΡΡΡΡ ΠΎΠ΄Π½ΠΈΠΌ ΠΈ ΡΠ΅ΠΌ ΠΆΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΡΠΌ Ρ ΡΠ°ΠΉΡΠ° ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»Ρ. Π ΡΠ°ΠΊΠΈΡ ΡΠ»ΡΡΠ°ΡΡ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ Π½Π΅ ΡΠ½ΠΈΠΊΠ°Π»ΠΈΠ·Π°ΡΠΈΡ, Π° Π³ΡΠ°ΠΌΠΎΡΠ½Π°Ρ Π²Π½ΡΡΡΠ΅Π½Π½ΡΡ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ Π² ΡΠΎΡΠ΅ΡΠ°Π½ΠΈΠΈ Ρ Ρ ΠΎΡΠΎΡΠΈΠΌΠΈ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΡΠ΅ΡΠΊΠΈΠΌΠΈ ΡΠ°ΠΊΡΠΎΡΠ°ΠΌΠΈ ΠΈ ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅Π½Π½ΡΠΌΠΈ ΡΡΡΠ»ΠΊΠ°ΠΌΠΈΒ».
ΠΡΠ»ΠΈ Π΅ΡΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ β ΡΠ΄Π΅Π»Π°ΠΉΡΠ΅ ΠΎΡΠΈΠ³ΠΈΠ½Π°Π»ΡΠ½ΡΠ΅ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΈ, Π·Π°ΠΊΠ°ΠΆΠΈΡΠ΅ ΠΎΠ±Π»ΠΎΠΆΠΊΠΈ ΠΈ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΈ Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ². ΠΡΠ»ΠΈ Π½Π΅ ΠΏΠΎΠ»ΡΡΠ°Π΅ΡΡΡ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ ΠΊΠ°ΠΆΠ΄ΡΡ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π°ΡΡΠΎΡΡΠΈΠΌΠ΅Π½ΡΠ°, ΡΠ°Π±ΠΎΡΠ°ΠΉΡΠ΅ Π½Π°Π΄ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΠΎΡΡΡΡ ΠΊΠ°ΡΡΠΎΡΠΊΠΈ ΡΠΎΠ²Π°ΡΠ° Π·Π° ΡΡΠ΅Ρ ΡΠ΅ΠΊΡΡΠ° ΠΎΠΏΠΈΡΠ°Π½ΠΈΠΉ, ΠΎΠ±Π·ΠΎΡΠΎΠ² ΠΈ ΠΎΡΠ·ΡΠ²ΠΎΠ².
ΠΠΎΡΠΎΡΡΡΡ Ρ Π²ΠΎΡΠΎΠ²ΡΡΠ²ΠΎΠΌ Π²Π°ΡΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΌΠΎΠΆΠ½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ° IPTC. ΠΡΠΆΠ½ΠΎ ΠΏΡΠΎΠΏΠΈΡΠ°ΡΡ ΠΌΠ΅ΡΠ°-ΡΠ΅Π³ΠΈ Π²Π½ΡΡΡΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Ρ ΡΠΊΠ°Π·Π°Π½ΠΈΠ΅ΠΌ Π°Π²ΡΠΎΡΡΡΠ²Π°. ΠΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡΡΠΎΠΈΡΡ Π½Π° Π°Π²ΡΠΎΠ·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅:
ΠΠΎ ΠΎΠΏΡΡΡ ΠΠ΅ΠΌΠΈ ΠΡΡΡΡΠ°, Π΅ΡΠ»ΠΈ Ρ Π²Π°Ρ ΡΠΊΠΎΠΏΠΈΡΡΡΡ ΡΠ°ΠΊΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ ΠΈ Π½Π΅ ΡΠ΄Π°Π»ΡΡ ΡΠ΅Π³ΠΈ, Π² Π³Π»Π°Π·Π°Ρ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΠΈΠΊΠ° Π²Ρ ΠΎΡΡΠ°Π½Π΅ΡΠ΅ΡΡ ΠΈΡΡΠΎΡΠ½ΠΈΠΊΠΎΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈ Π΄Π°ΠΆΠ΅ ΠΏΠΎΠ»ΡΡΠΈΡΠ΅ ΠΏΠΎΠ»ΠΎΠΆΠΈΡΠ΅Π»ΡΠ½ΡΠΉ ΡΡΡΠ΅ΠΊΡ. ΠΠ°ΠΆΠ΅ Π΅ΡΠ»ΠΈ ΡΠ΅Π³ΠΈ ΡΠ΄Π°Π»ΠΈΠ»ΠΈ, Π²Ρ ΠΎΡΡΠ°Π½Π΅ΡΠ΅ΡΡ ΠΈΡΡΠΎΡΠ½ΠΈΠΊΠΎΠΌ, Π²Π΅Π΄Ρ Ρ Π²Π°Ρ ΡΠ΅Π³ΠΈ ΠΏΡΠΎΠΏΠΈΡΠ°Π½Ρ.
Π‘ ΡΠΎΡΠΊΠΈ Π·ΡΠ΅Π½ΠΈΡ Π·Π°ΠΊΠΎΠ½Π° ΠΎΠ± Π°Π²ΡΠΎΡΡΠΊΠΎΠΌ ΠΏΡΠ°Π²Π΅ Π² Π Π€
ΠΡΠ²Π΅Ρ Π½Π° Π²ΠΎΠΏΡΠΎΡ, ΠΌΠΎΠΆΠ½ΠΎ Π»ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΡΡΠΆΠΎΠ³ΠΎ Π°Π²ΡΠΎΡΡΡΠ²Π°, Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ ΡΠ΅Π»ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ:
ΠΠ±ΡΡΠ½ΠΎ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΈ ΡΠΎΠ²Π°ΡΠΎΠ² ΠΌΠΎΠΆΠ½ΠΎ Π²Π·ΡΡΡ Ρ ΠΏΠΎΡΡΠ°Π²ΡΠΈΠΊΠ°. Π ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Ρ ΠΎΠ·ΡΠΈΠ½ ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π° ΠΈ ΠΏΠΎΡΡΠ°Π²ΡΠΈΠΊ Π΄ΠΎΠ³ΠΎΠ²Π°ΡΠΈΠ²Π°ΡΡΡΡ ΠΎΠ± ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° ΡΠ°ΠΉΡΠ΅ ΠΈ Π½ΠΈΠΊΡΠΎ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ ΠΏΡΠ΅ΡΠ΅Π½Π·ΠΈΠΉ. ΠΠΎ Π΅ΡΠ»ΠΈ Ρ ΠΏΠΎΡΡΠ°Π²ΡΠΈΠΊΠ° ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΉ Π½Π΅Ρ, Π½ΡΠΆΠ½ΠΎ Π΄Π΅Π»Π°ΡΡ ΡΠ²ΠΎΡ ΡΠΎΡΠΎΡΠ΅ΡΡΠΈΡ ΠΈΠ»ΠΈ ΠΊΡΠΏΠΈΡΡ ΠΏΡΠ°Π²Π° Π½Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΡΠΆΠΈΡ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ.
ΠΡΠ» ΡΠ°ΠΊΠΎΠΉ ΡΠ»ΡΡΠ°ΠΉ: ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ ΡΠ°ΠΉΡΠ° Π΄Π»Ρ ΠΌΠ΅Π±Π΅Π»ΡΠ½ΠΎΠ³ΠΎ ΠΌΠ°Π³Π°Π·ΠΈΠ½Π° ΠΈΠ· ΠΠ΅ΡΠΌΠΈ ΡΠΊΠ°ΡΠ°Π» ΡΠΎΡΠΎ Π°Π½Π°Π»ΠΎΠ³ΠΈΡΠ½ΡΡ ΡΠΎΠ²Π°ΡΠΎΠ² Ρ ΠΌΠ°Π³Π°Π·ΠΈΠ½Π° ΠΌΠ΅Π±Π΅Π»ΠΈ ΠΈΠ· ΠΠΊΠ°ΡΠ΅ΡΠΈΠ½Π±ΡΡΠ³Π°. ΠΠ»Π°Π΄Π΅Π»ΡΡΡ ΠΌΠ°Π³Π°Π·ΠΈΠ½Π° ΡΡΠΎ Π·Π°ΠΌΠ΅ΡΠΈΠ»ΠΈ ΠΈ ΠΏΠΎΠ΄Π°Π»ΠΈ Π² ΡΡΠ΄. Π‘ΡΠ΄ ΠΏΠΎ ΠΈΠ½ΡΠ΅Π»Π»Π΅ΠΊΡΡΠ°Π»ΡΠ½ΡΠΌ ΠΏΡΠ°Π²Π°ΠΌ ΠΏΠΎΡΡΠ°Π½ΠΎΠ²ΠΈΠ» Π²ΡΠΏΠ»Π°ΡΠΈΡΡ ΠΊΠΎΠΌΠΏΠ΅Π½ΡΠ°ΡΠΈΡ Π² ΡΠ°Π·ΠΌΠ΅ΡΠ΅ 820 000 ΡΡΠ±Π»Π΅ΠΉ Π·Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ 82 ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΉ. ΠΠΎΠΌΠΏΠ΅Π½ΡΠ°ΡΠΈΡ Π²Π·ΡΡΠΊΠ°Π»ΠΈ Ρ Π²Π»Π°Π΄Π΅Π»ΡΡΠ° ΠΏΠ΅ΡΠΌΡΠΊΠΎΠ³ΠΎ ΠΌΠ°Π³Π°Π·ΠΈΠ½Π° ΠΈ Π°Π΄ΠΌΠΈΠ½ΠΈΡΡΡΠ°ΡΠΎΡΠ° Π΄ΠΎΠΌΠ΅Π½Π° ΡΠ°ΠΉΡΠ°, ΠΊΠΎΡΠΎΡΡΠΉ Π²ΡΠ»ΠΎΠΆΠΈΠ» ΡΠΎΡΠΎ.
ΠΠ΄Π΅ Π±ΡΠ°ΡΡ ΡΠΎΡΠΎ
ΠΡΠ»ΠΈ ΡΠΊΠ°ΡΠΈΠ²Π°Π΅ΡΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ Ρ ΡΠΎΡΠΎΡΡΠΎΠΊΠ°, ΡΡΠΎΠ±Ρ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΡ Π½Π° ΡΠ°ΠΉΡΠ΅, ΠΏΡΠΎΠ²Π΅ΡΡΠΉΡΠ΅ ΠΏΠ΅ΡΠ΅ΡΠ΅Π½Ρ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΠΉ Π² Π»ΠΈΡΠ΅Π½Π·ΠΈΠΈ Π½Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅. ΠΠ½ΠΎΠ³Π΄Π° Π»ΡΠ΄ΠΈ Π·Π°Π»ΠΈΠ²Π°ΡΡ ΡΡΠΆΠΈΠ΅ ΡΠΎΡΠΎ Π½Π° ΡΡΠΎΠΊΠΈ, Π° Π½Π°ΡΡΠΎΡΡΠΈΠΉ Π°Π²ΡΠΎΡ Π½Π΅ ΠΏΠΎΠ΄ΠΎΠ·ΡΠ΅Π²Π°Π΅Ρ, ΡΡΠΎ Π΅Π³ΠΎ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ° Π»Π΅ΠΆΠΈΡ Π² ΡΠ²ΠΎΠ±ΠΎΠ΄Π½ΠΎΠΌ Π΄ΠΎΡΡΡΠΏΠ΅. ΠΠ»Ρ ΠΏΡΠΎΠ²Π΅ΡΠΊΠΈ Π»ΡΡΡΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ ΠΏΠΎΠΈΡΠΊ ΠΏΠΎ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ΅ ΠΈ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ, Π½Π΅ Π²ΡΠ»ΠΎΠΆΠ΅Π½Π° Π»ΠΈ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΡ Π½Π° Π΄ΡΡΠ³ΠΎΠΌ ΡΡΠΎΠΊΠ΅ Ρ Π΄ΡΡΠ³ΠΎΠ³ΠΎ Π°Π²ΡΠΎΡΠ°.
ΠΠΎΠ΄ΡΠΎΠ±Π½ΠΎ Π°Π²ΡΠΎΡΡΠΊΠΎΠ΅ ΠΏΡΠ°Π²ΠΎ Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΌΡ ΡΠ°Π·Π±ΠΈΡΠ°Π»ΠΈ ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎ Ρ ΠΌΠ°Π³ΠΈΡΡΡΠΎΠΌ ΡΠ°ΡΡΠ½ΠΎΠ³ΠΎ ΠΏΡΠ°Π²Π° ΠΠ°ΡΡΠ΅ΠΉ Π’ΡΠ΅ΡΡΡΠΊΠΎΠ²ΠΎΠΉ: Β«Π‘ΠΎΠ²Π΅ΡΡ ΡΡΠΈΡΡΠ°: ΠΎΡΠΊΡΠ΄Π° Π±ΡΠ°ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ, ΡΡΠΎΠ±Ρ Π½Π΅ ΠΏΠΎΠΏΠ°ΡΡΡ ΠΏΠΎΠ΄ ΡΡΠ΄, ΠΈ ΠΊΠ°ΠΊ Π·Π°ΡΠΈΡΠΈΡΡ ΡΠ²ΠΎΠΈ Π°Π²ΡΠΎΡΡΠΊΠΈΠ΅ ΠΏΡΠ°Π²Π° Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΒ».
ΠΡΠ»ΠΈ Π½ΡΠΆΠ½Π° ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΡ ΡΠ»ΡΡΠ°ΠΉΠ½ΠΎΠ³ΠΎ ΡΠ΅Π»ΠΎΠ²Π΅ΠΊΠ°, ΠΌΠΎΠΆΠ½ΠΎ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ ΡΠ³Π΅Π½Π΅ΡΠΈΡΠΎΠ²Π°ΡΡ ΠΏΠΎΡΡΡΠ΅Ρ Π² ΡΠ΅ΡΠ²ΠΈΡΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π½Π΅ΠΉΡΠΎΡΠ΅ΡΠΈ, ΠΎΠ½ΠΈ Π²ΡΠ³Π»ΡΠ΄ΡΡ ΠΎΡΠ΅Π½Ρ Π½Π°ΡΡΡΠ°Π»ΡΠ½ΠΎ. ΠΡΠ°ΡΡ Π»ΠΈΡΠ½ΡΠ΅ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΈ ΡΠ΅Π°Π»ΡΠ½ΡΡ Π»ΡΠ΄Π΅ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ»ΡΠΊΠΎ Ρ ΠΈΡ ΡΠΎΠ³Π»Π°ΡΠΈΡ, Π΄Π°ΠΆΠ΅ Π΅ΡΠ»ΠΈ ΠΎΠ½ΠΈ Π²ΡΠ»ΠΎΠΆΠ΅Π½Ρ Π² ΡΠΎΡΠΈΠ°Π»ΡΠ½ΡΡ ΡΠ΅ΡΡΡ Π½Π° Π²ΡΠ΅ΠΎΠ±ΡΠ΅Π΅ ΠΎΠ±ΠΎΠ·ΡΠ΅Π½ΠΈΠ΅.
ΠΠΎΡΡΡΠ΅Ρ, ΡΠ³Π΅Π½Π΅ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ Π½Π΅ΠΉΡΠΎΡΠ΅ΡΡΡ
Π’Π΅ΠΌΠ°ΡΠΈΠΊΠ°: ΠΊΠ°ΠΊ ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π²Π»ΠΈΡΠ΅Ρ Π½Π° SEO?
ΠΠ°ΡΡΠΈΠ½ΠΊΠ° Π΄ΠΎΠ»ΠΆΠ½Π° ΠΎΡΠ³Π°Π½ΠΈΡΠ½ΠΎ Π²ΠΏΠΈΡΡΠ²Π°ΡΡΡΡ Π² ΠΊΠΎΠ½ΡΠ΅Π½Ρ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΡΡΡ Π΅Π³ΠΎ β ΡΡΠΎ Π²Π°ΠΆΠ½ΠΎ ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΌΠΎΡΡΡΡ Π½Π° ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΈ, ΡΡΠΎΠ±Ρ Π»ΡΡΡΠ΅ ΠΏΠΎΠ½ΡΡΡ ΡΠ΅ΠΌΡ, ΠΈ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΠΈΠΊΠ°ΠΌ, ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π°ΡΡΠΈΠ»ΠΈΡΡ ΡΠ°ΡΠΏΠΎΠ·Π½Π°Π²Π°ΡΡ, ΡΡΠΎ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΈ.
Π ΠΏΡΠΈΠΌΠ΅ΡΡ, ΡΡΠΎΠ±Ρ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΡ ΠΈΠ· ΡΡΠ°ΡΡΠΈ ΠΏΠΎΠΏΠ°Π»Π° Π² ΡΠ½ΠΈΠΏΠΏΠ΅Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠΉ Π²ΡΠ΄Π°ΡΠΈ, Π½ΡΠΆΠ½ΠΎ ΠΏΠΎΠ΄ΠΎΠ±ΡΠ°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, ΠΏΠΎ ΠΊΠΎΡΠΎΡΠΎΠΉ ΠΌΠΎΠΆΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉ Π·Π°ΠΏΡΠΎΡ ΡΡΡΠ°Π½ΠΈΡΡ. ΠΠ΄Π΅ΡΡ ΡΠ΄Π°ΡΠ½ΠΎΠ΅ ΡΠΎΡΠΎ, ΠΊΡΠΎΡΡΠΎΠ²ΠΊΠΈ Π·Π°Π½ΠΈΠΌΠ°ΡΡ Π±ΠΎΠ»ΡΡΡΡ ΡΠ°ΡΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ, Π½Π°Ρ ΠΎΠ΄ΡΡΡΡ Π² ΡΠ΅Π½ΡΡΠ΅ ΠΈ Π»Π΅Π³ΠΊΠΎ ΡΡΠΈΡΡΠ²Π°ΡΡΡΡ.
Π€ΠΎΡΠΎ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΏΠΎΠΏΠ°Π»ΠΎ Π² ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ Π²ΡΠ΄Π°ΡΡ
Π Π°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅: Π²Π°ΠΆΠ½ΠΎ Π»ΠΈ, Π² ΠΊΠ°ΠΊΠΎΠΌ ΠΌΠ΅ΡΡΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ°?
Π‘Π°ΠΌΠΎΠ΅ Π²Π°ΠΆΠ½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π»ΡΡΡΠ΅ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΡ Π² Π²Π΅ΡΡ Π½Π΅ΠΉ ΡΠ°ΡΡΠΈ ΡΡΡΠ°Π½ΠΈΡΡ, ΠΊΠ°ΠΊ Π½Π°ΠΏΠΈΡΠ°Π½ΠΎ Π² Π‘ΠΏΡΠ°Π²ΠΊΠ΅ Google. ΠΡΠ΅, ΡΡΠΎ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Π² Π½Π°ΡΠ°Π»Π΅ ΡΡΡΠ°Π½ΠΈΡΡ, ΠΈΠΌΠ΅Π΅Ρ Π±ΠΎΠ»ΡΡΠΈΠΉ Π²Π΅Ρ, ΡΡΠΎ ΠΊΠ°ΡΠ°Π΅ΡΡΡ ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² Ρ ΠΊΠ»ΡΡΠ΅Π²ΡΠΌΠΈ ΡΠ»ΠΎΠ²Π°ΠΌΠΈ, ΠΈ ΡΡΡΠ»ΠΎΠΊ.
ΠΠ°ΠΊ ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ
ΠΠ°ΡΠ΅ΡΡΠ²Π΅Π½Π½ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π²Π΅ΡΡΡ ΠΌΠ½ΠΎΠ³ΠΎ. ΠΡΠΆΠ½ΠΎ Π½Π°ΠΉΡΠΈ Π±Π°Π»Π°Π½Ρ ΠΌΠ΅ΠΆΠ΄Ρ Π±ΡΡΡΡΠΎΠΉ Π·Π°Π³ΡΡΠ·ΠΊΠΎΠΉ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΠΈ Ρ ΠΎΡΠΎΡΠΈΠΌ ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎΠΌ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π²ΠΈΠ΄Π΅Π» ΡΠ΅ΡΠΊΠΎΠ΅ ΠΊΡΠ°ΡΠΈΠ²ΠΎΠ΅ ΡΠΎΡΠΎ, Π° ΡΠ°ΠΉΡ Π½Π΅ ΡΠΎΡΠΌΠΎΠ·ΠΈΠ» ΠΈΠ·-Π·Π° ΡΡΠΆΠ΅Π»ΡΡ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΉ.
ΠΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ Π΄Π»Ρ ΡΡΠΊΠΎΡΠ΅Π½ΠΈΡ Π·Π°Π³ΡΡΠ·ΠΊΠΈ β Π½Π΅ ΡΠ°Π·ΠΎΠ²ΠΎΠ΅ ΠΌΠ΅ΡΠΎΠΏΡΠΈΡΡΠΈΠ΅. ΠΡΠ»ΠΈ Π²Ρ Π·Π°ΠΊΠ°ΠΆΠ΅ΡΠ΅ ΡΠΆΠ°ΡΠΈΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ Ρ ΡΡΠΎΡΠΎΠ½Π½Π΅Π³ΠΎ ΡΡΠΈΠ»Π°Π½ΡΠ΅ΡΠ°, ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ ΡΠΊΠ°ΡΠ°ΡΡ Π²ΡΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Ρ Π²Π°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ°, ΠΏΡΠΎΠ³Π½Π°ΡΡ ΡΠ΅ΡΠ΅Π· ΡΠ΅ΡΠ²ΠΈΡΡ Π΄Π»Ρ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ, ΡΠΆΠΈΠΌΠ°ΡΡΠΈΠ΅ ΡΠ°ΠΉΠ», ΠΈ Π·Π°ΠΊΠ°ΡΠ°ΡΡ ΠΈΡ ΠΎΠ±ΡΠ°ΡΠ½ΠΎ. ΠΡΠΎ ΡΡΠ°Π±ΠΎΡΠ°Π΅Ρ, Π½ΠΎ Π΄ΠΎ ΡΠ΅Ρ ΠΏΠΎΡ, ΠΏΠΎΠΊΠ° Π²Ρ Π½Π΅ Π·Π°Π³ΡΡΠ·ΠΈΡΠ΅ Π½ΠΎΠ²ΡΠ΅ Π½Π΅ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ, ΠΊΠ°ΠΊ ΠΈ Π΄Π΅Π»Π°Π»ΠΈ Π΄ΠΎ ΡΡΠΎΠ³ΠΎ.
ΠΡΠ΅Π΄Π»Π°Π³Π°Π΅ΠΌ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ ΡΠ°Π·ΠΎΠ±ΡΠ°ΡΡΡΡ Π² ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°.
ΠΠ°ΠΊ Π²ΡΠ±ΡΠ°ΡΡ ΠΎΠΏΡΠΈΠΌΠ°Π»ΡΠ½ΡΠΉ ΡΠΎΡΠΌΠ°ΡΠ° ΡΠ°ΠΉΠ»Π° ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ
ΠΡ ΡΠΎΡΠΌΠ°ΡΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π·Π°Π²ΠΈΡΠΈΡ, ΠΊΠ°ΠΊ ΡΠΈΠ»ΡΠ½ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΆΠ°ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ ΠΏΡΠΈ ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΠΈ Π΅Π΅ ΠΊΠ°ΡΠ΅ΡΡΠ²Π°.
ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΎΡΡ ΡΠΎΠ²Π΅ΡΡΡΡ ΠΎΡΠ΄Π°Π²Π°ΡΡ ΠΏΡΠ΅Π΄ΠΏΠΎΡΡΠ΅Π½ΠΈΠ΅ Π²Π΅ΠΊΡΠΎΡΠ½ΡΠΌ ΡΠΎΡΠΌΠ°ΡΠ°ΠΌ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ Π²Π΅ΠΊΡΠΎΡΠ½ΡΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π½Π΅ Π·Π°Π²ΠΈΡΡΡ ΠΎΡ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΡ ΠΈ ΠΌΠ°ΡΡΡΠ°Π±Π° ΠΈ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡ Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² Π²ΡΡΠΎΠΊΠΎΠΌ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΠΈ. ΠΡΠ»ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠΎΡΡΠΎΠΈΡ ΠΈΠ· Π³Π΅ΠΎΠΌΠ΅ΡΡΠΈΡΠ΅ΡΠΊΠΈΡ ΡΠΈΠ³ΡΡ β Π»ΠΎΠ³ΠΎΡΠΈΠΏ, ΡΡ Π΅ΠΌΠ°, Π·Π½Π°ΡΠΎΠΊ, ΡΠ΅ΠΊΡΡ, ΡΡΡΠ΅Π»ΠΊΠ° β ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ Π²Π΅ΠΊΡΠΎΡΠ½ΡΠΉ ΡΠΎΡΠΌΠ°Ρ SVG. ΠΠ»Ρ ΡΠΎΡΠΎ ΠΈ ΡΠ»ΠΎΠΆΠ½ΡΡ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΉ Π½ΡΠΆΠ½ΠΎ ΠΏΠΎΠ΄ΠΎΠ±ΡΠ°ΡΡ ΡΡΠΎ-ΡΠΎ Π΄ΡΡΠ³ΠΎΠ΅.
ΠΠ±ΡΡΠ½ΠΎ Π΄Π»Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΡΠ½ΠΈΠ²Π΅ΡΡΠ°Π»ΡΠ½ΡΠ΅ JPEG, PNG ΠΈ GIF. ΠΠΎ ΡΡΠ°ΡΠΈΡΡΠΈΠΊΠ΅ 2019 Π³ΠΎΠ΄Π° JPEG ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ°ΡΠ΅.
Π‘ΡΠ°ΡΠΈΡΡΠΈΠΊΠ° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠΎΡΠΌΠ°ΡΠΎΠ² ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ Π½Π° 2019
ΠΡΠΎΠΌΠ΅ ΡΡΠΈΡ ΡΠΎΡΠΌΠ°ΡΠΎΠ² Π΅ΡΡΡ ΠΏΠ΅ΡΡΠΏΠ΅ΠΊΡΠΈΠ²Π½ΡΠ΅, Π½ΠΎ ΠΌΠ΅Π½Π΅Π΅ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½Π½ΡΠ΅, Π½Π° Π½ΠΈΡ ΠΎΡΡΠ°Π½ΠΎΠ²ΠΈΠΌΡΡ ΠΏΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅.
Π€ΠΎΡΠΌΠ°Ρ JPEG 2000
JPEG 2000 ΠΈΠ»ΠΈ jp2 ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΡΠ»ΡΡΡΠ΅Π½Π½ΡΠΉ JPEG. ΠΡΠΈ ΡΠΆΠ°ΡΠΈΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ° ΠΏΠΎΠ»ΡΡΠ°Π΅ΡΡΡ Π±ΠΎΠ»Π΅Π΅ ΡΠ΅ΡΠΊΠ°Ρ. ΠΡΠ»ΠΈ ΡΡΠ°Π²Π½ΠΈΠ²Π°ΡΡ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΡΠ΅ ΠΏΠΎ ΠΊΠ°ΡΠ΅ΡΡΠ²Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ, ΡΠ°ΠΉΠ» JPEG Π±ΡΠ΄Π΅Ρ Π²Π΅ΡΠΈΡΡ Π±ΠΎΠ»ΡΡΠ΅, ΡΠ΅ΠΌ JPEG 2000. Π ΠΎΡΠ»ΠΈΡΠΈΠ΅ ΠΎΡ JPEG, Ρ Π½ΠΎΠ²ΠΎΠ³ΠΎ ΡΠΎΡΠΌΠ°ΡΠ° ΠΏΡΠΈ Π²ΡΡΠΎΠΊΠΈΡ ΡΡΠ΅ΠΏΠ΅Π½ΡΡ ΡΠΆΠ°ΡΠΈΡ Π½Π΅ ΠΏΠΎΡΠ²Π»ΡΡΡΡΡ Π°ΡΡΠ΅ΡΠ°ΠΊΡΡ Π² Π²ΠΈΠ΄Π΅ ΡΠ΅ΡΠ΅ΡΠΊΠΈ ΠΈΠ· Π±Π»ΠΎΠΊΠΎΠ² 8Ρ 8 px.
Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, ΠΈΠ·-Π·Π° ΡΡΠ΅Π±ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ ΠΊ ΠΏΠ°ΠΌΡΡΠΈ ΠΎΠ½ Π½Π΅ ΠΏΠΎΠ»ΡΡΠΈΠ» ΡΠΈΡΠΎΠΊΠΎΠ³ΠΎ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½ΠΈΡ. ΠΠΎ Π΄Π°Π½Π½ΡΠΌ caniuse.com ΡΠ΅ΠΉΡΠ°Ρ JPEG 2000 ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΠΌ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎΠΌ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ²:
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° JPEG 2000 Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ , 2020 Π³ΠΎΠ΄
ΠΡΡΡ Π±ΠΎΠ»Π΅Π΅ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½Π½ΡΠ΅ ΡΠΎΡΠΌΠ°ΡΡ Ρ Ρ ΠΎΡΠΎΡΠΈΠΌΠΈ ΠΏΠΎΠΊΠ°Π·Π°ΡΠ΅Π»ΡΠΌΠΈ ΠΏΠΎ ΡΠΆΠΈΠΌΠ°Π΅ΠΌΠΎΡΡΠΈ.
Π€ΠΎΡΠΌΠ°Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ WebP
WebP β ΡΠΎΡΠΌΠ°Ρ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, ΠΏΠΎΡΠ²ΠΈΠ»ΡΡ Π² 2010 Π³ΠΎΠ΄Ρ ΠΊΠ°ΠΊ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π° PNG ΠΈ JPEG. ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΡΠΉ ΡΠΎΠ½ ΠΈ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ. Π‘ΠΆΠΈΠΌΠ°Π΅Ρ Π»ΡΡΡΠ΅ β ΡΠΎΡ ΡΠ°Π½ΡΠ΅Ρ ΡΠ°ΠΊΠΎΠ΅ ΠΆΠ΅ ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΠΏΡΠΈ ΠΌΠ΅Π½ΡΡΠ΅ΠΌ ΡΠ°Π·ΠΌΠ΅ΡΠ΅.
ΠΠΎ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ°ΠΌ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΡ 2019, ΡΠΎΡΠΌΠ°Ρ WebP ΠΏΠ΅ΡΡΠΏΠ΅ΠΊΡΠΈΠ²Π½Π΅Π΅ PNG ΠΈ JPEG ΠΏΠΎ ΡΡΠΎΠ²Π½Ρ ΡΠΆΠ°ΡΠΈΡ Ρ ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΠ΅ΠΌ ΠΊΠ°ΡΠ΅ΡΡΠ²Π°. ΠΠΎ Π½Π° ΡΠΎΡ ΠΌΠΎΠΌΠ΅Π½Ρ Π½ΠΎΠ²ΡΠΉ ΡΠΎΡΠΌΠ°Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΠΈ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΡΠ°ΠΉΡΡ, Π² ΠΏΠ΅ΡΠ²ΡΡ ΠΎΡΠ΅ΡΠ΅Π΄Ρ ΡΡΠΎ Π±ΡΠ»ΠΎ ΡΠ²ΡΠ·Π°Π½ΠΎ Ρ ΡΠ΅ΠΌ, ΡΡΠΎ Π΅Π³ΠΎ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π»ΠΎ Π½Π΅ ΡΠ°ΠΊ ΠΌΠ½ΠΎΠ³ΠΎ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ². ΠΡΠΈΡ ΠΎΠ΄ΠΈΠ»ΠΎΡΡ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΠΏΠΎΠ΄ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ².
Π 2020 Π³ΠΎΠ΄Ρ ΠΏΠΎ Π΄Π°Π½Π½ΡΠΌ ΡΠ°ΠΉΡΠ° caniuse.com WebP ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ ΡΠ°ΠΊΠΈΠΌΠΈ Π²Π΅ΡΡΠΈΡΠΌΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ²:
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° WebP Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ , 2020 Π³ΠΎΠ΄
ΠΡ ΡΡΠ°Π»ΠΎ Π±ΠΎΠ»ΡΡΠ΅, Π½ΠΎ Π²ΡΠ΅ ΡΠ°Π²Π½ΠΎ Π΅ΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ Π½Π° ΡΡΠ°ΡΡΡ Π²Π΅ΡΡΠΈΡΡ , ΡΠ°ΠΊ ΡΡΠΎ Π²Π΅Π±-ΠΌΠ°ΡΡΠ΅Ρ ΠΌΠΎΠΆΠ΅Ρ Π½Π°ΡΡΡΠΎΠΈΡΡ ΡΠΊΡΠΈΠΏΡ, ΠΊΠΎΡΠΎΡΡΠΉ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΎΠ²Π΅ΡΡΡΡ Π±ΡΠ°ΡΠ·Π΅Ρ Π½Π° ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ ΡΠΎΡΠΌΠ°ΡΠ° WebP ΠΈ ΠΎΡΠ΄Π°Π²Π°ΡΡ Π΅Π³ΠΎ ΠΏΡΠΈ Π½Π°Π»ΠΈΡΠΈΠΈ ΡΠ°ΠΊΠΎΠ²ΠΎΠΉ. Π Π½Π°ΡΡΡΠΎΠΉΠΊΠ΅ Π΅ΡΡΡ ΠΏΠΎΠ΄ΡΠΎΠ±Π½Π°Ρ ΡΡΠ°ΡΡΡ Π² Π½Π°ΡΠ΅ΠΌ Π±Π»ΠΎΠ³Π΅.
Π€ΠΎΡΠΌΠ°Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ AVIF
AVIF (AV1 Still Image File) β ΡΠΎΡΠΌΠ°Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, ΠΎΡΠ½ΠΎΠ²Π°Π½Π½ΡΠΉ Π½Π° Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ΅ Π΄Π»Ρ ΡΠΆΠ°ΡΠΈΡ ΠΊΠ°Π΄ΡΠΎΠ² AV1.
Π ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΏΡΠΈ ΠΏΡΠΈΠ΅ΠΌΠ»Π΅ΠΌΠΎΠΌ ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΈ ΡΠ°Π·ΠΌΠ΅Ρ ΡΠ°ΠΉΠ»Π° Π² ΡΠΎΡΠΌΠ°ΡΠ΅ WebP ΡΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΏΠΎΡΡΠΈ ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Ρ ΡΠ°Π·ΠΌΠ΅ΡΠ° JPEG, Π° ΡΠ°Π·ΠΌΠ΅Ρ AVIF β ΠΌΠ΅Π½ΡΡΠ΅ ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Ρ ΡΠ°Π·ΠΌΠ΅ΡΠ° WebP.
ΠΡΠΈΠΌΠ΅Ρ ΡΠΆΠ°ΡΠΈΡ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ
ΠΠΎ Π΄Π°Π½Π½ΡΠΌ caniuse.com ΡΠΎΡΠΌΠ°Ρ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ Π² Π½ΠΎΠ²ΠΎΠΌ Chrome, Π½ΠΎ ΠΎΡΡΠ°Π»ΡΠ½ΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ ΠΏΠΎΠΊΠ° Ρ Π½ΠΈΠΌ Π½Π΅ ΡΠ°Π±ΠΎΡΠ°ΡΡ:
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° AVIF Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ , 2020 Π³ΠΎΠ΄
AVIF ΠΏΠ΅ΡΡΠΏΠ΅ΠΊΡΠΈΠ²Π½ΡΠΉ ΡΠΎΡΠΌΠ°Ρ, Π½ΠΎ ΠΏΠΎΠΊΠ° Π»ΡΡΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΎΡ ΠΆΠ΅ WebP, Π΅Π³ΠΎ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ Π±ΠΎΠ»ΡΡΠ΅Π΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ².
ΠΠ°ΠΊ Π½Π°ΡΡΡΠΎΠΈΡΡ Π²ΡΠ±ΠΎΡ ΡΠΎΡΠΌΠ°ΡΠ° ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠΌ
Π’ΠΎΠ»ΡΠΊΠΎ Π²Π°ΠΌ ΡΠ΅ΡΠ°ΡΡ, ΡΡΠΎΠΈΡ Π»ΠΈ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²Π΅ΡΡΠΈΠΉ ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΡΠ°Π΄ΠΈ ΡΠΊΠΎΠ½ΠΎΠΌΠΈΠΈ. ΠΠ±ΡΡΠ½ΠΎ ΡΠΎΠ²Π΅ΡΡΡΡ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°ΡΡ ΡΠ΅ΡΠ΅Π· ΡΠ΅Π³ picture, ΠΊ ΠΏΡΠΈΠΌΠ΅ΡΡ:
Π ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π±ΡΠ°ΡΠ·Π΅Ρ Π·Π°Π³ΡΡΠ·ΠΈΡ ΠΏΠ΅ΡΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ. ΠΡΠ»ΠΈ Π±ΡΠ°ΡΠ·Π΅Ρ Π½Π΅ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ picture, ΡΠΎ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π΄Π»Ρ Π½Π΅Π³ΠΎ ΡΠΊΠ°Π·Π°Π½ img.
ΠΠΎ ΠΏΠΎ ΠΌΠ½Π΅Π½ΠΈΡ ΠΠ΅ΠΌΠΈ ΠΡΡΡΡΠ°, ΡΠ»Π΅Π΄ΡΠ΅Ρ Π·Π°Π±ΡΡΡ ΠΏΡΠΎ ΡΠ΅Π³ picture, Π΅ΡΠ»ΠΈ Π²ΡΠ΅ΡΡΠ΅Π· Π·Π°Π½ΠΈΠΌΠ°ΡΡΡΡ ΡΠ΅Ρ Π½ΠΈΡΠ΅ΡΠΊΠΎΠΉ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠ΅ΠΉ ΡΠ°ΠΉΡΠ°. ΠΡΠ»ΠΈ Π½Π°ΡΠ°ΡΡ ΡΠΎΡΠΌΠΈΡΠΎΠ²Π°ΡΡ Ρ ΡΠ΅Π³ΠΎΠΌ picture ΡΠΎ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠ΅, ΡΡΠΎ ΡΠ΅ΡΠ΅Π· ΡΠ΅Π³ img, ΡΡΠΎ ΠΏΡΠΈΠ²Π΅Π΄Π΅Ρ ΠΊ ΠΌΠΈΠ½ΠΈΠΌΡΠΌ ΡΡΠ΅Ρ ΠΊΡΠ°ΡΠ½ΠΎΠΌΡ ΡΠ²Π΅Π»ΠΈΡΠ΅Π½ΠΈΡ ΡΠ·Π»ΠΎΠ² Π² DOM-Π΄Π΅ΡΠ΅Π²Π΅ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅. ΠΠ°ΠΆΠ΄ΡΠΉ ΡΠ·Π΅Π» DOM-Π΄Π΅ΡΠ΅Π²Π° β ΡΡΠΎ ΡΠ°ΡΡ ΠΎΠ΄ ΠΏΠ°ΠΌΡΡΠΈ ΠΈ Π·Π°ΠΌΠ΅Π΄Π»Π΅Π½ΠΈΠ΅ ΡΠΊΡΠΈΠΏΡΠΎΠ², Π° Ρ ΠΌΠ½ΠΎΠ³ΠΈΡ ΡΠ°ΠΉΡΠΎΠ² Π²Π΅ΡΡ Π½ΡΡ Π³ΡΠ°Π½ΠΈΡΠ° DOM-Π΄Π΅ΡΠ΅Π²Π° ΡΠΆΠ΅ Π²ΡΡΠ΅ ΠΎΠΏΡΠΈΠΌΠ°Π»ΡΠ½ΠΎΠ³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Π² 1500 ΡΠ·Π»ΠΎΠ².
ΠΡΡΠ³ΠΈΠ΅ ΡΠΏΠΎΡΠΎΠ±Ρ Π½Π°ΡΡΡΠΎΠΈΡΡ Π²ΡΠ±ΠΎΡ ΡΠΎΡΠΌΠ°ΡΠ° ΠΎΠΏΠΈΡΠ°Π½Ρ Π² ΡΡΠ°ΡΡΠ΅ Π½Π° ΠΏΡΠΈΠΌΠ΅ΡΠ΅ WebP.
ΠΠ°ΠΊ ΡΠΆΠ°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅
Π‘Π΄Π΅Π»Π°ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ Π»Π΅Π³ΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ, Π΅ΡΠ»ΠΈ Π΅Π΅ ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ: ΡΠΆΠ°ΡΡ, ΡΠΌΠ΅Π½ΡΡΠΈΡΡ ΡΠ°Π·ΠΌΠ΅Ρ, ΡΠ²Π΅ΡΠΎΠ²ΡΡ ΠΏΠ°Π»ΠΈΡΡΡ, ΡΠ΄Π°Π»ΠΈΡΡ ΠΌΠ΅ΡΠ°Π΄Π°Π½Π½ΡΠ΅. ΠΠΎ ΠΆΠ΅ΡΡΠ²ΠΎΠ²Π°ΡΡ ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π½Π΅ ΡΡΠΎΠΈΡ, Π½ΡΠΆΠ½ΠΎ Π½Π°ΠΉΡΠΈ ΠΊΠΎΠΌΠΏΡΠΎΠΌΠΈΡΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠΌ ΡΠ°ΠΉΠ»Π° ΠΈ Π°ΡΡΠ΅ΡΠ°ΠΊΡΠ°ΠΌΠΈ, Π²ΠΎΠ·Π½ΠΈΠΊΠ°ΡΡΠΈΠΌΠΈ ΠΏΡΠΈ ΡΠΆΠ°ΡΠΈΠΈ.
Π£ΠΌΠ΅Π½ΡΡΠΈΡΡ ΡΠ°Π·ΠΌΠ΅Ρ
ΠΡΠ»ΠΈ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½Π° ΠΌΠ°Π»Π΅Π½ΡΠΊΠ°Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ°, ΠΊΠΎΡΠΎΡΠ°Ρ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Π° ΡΠ²Π΅Π»ΠΈΡΠΈΠ²Π°ΡΡΡΡ ΠΏΠΎ ΠΊΠ»ΠΈΠΊΡ, Π½Π΅Ρ ΡΠΌΡΡΠ»Π° Π·Π°Π³ΡΡΠΆΠ°ΡΡ Π΅Π΅ Π² ΠΎΠ³ΡΠΎΠΌΠ½ΠΎΠΌ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΠΈ.
Π£ΠΌΠ΅Π½ΡΡΠΈΡΡ ΡΠ°Π·ΠΌΠ΅Ρ ΠΌΠΎΠΆΠ½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ², Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ:
Π£ΠΌΠ΅Π½ΡΡΠΈΡΡ ΠΏΠ°Π»ΠΈΡΡΡ
ΠΠΎΠΆΠ½ΠΎ ΠΎΠ±ΡΠ°Π±ΠΎΡΠ°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, ΡΠΌΠ΅Π½ΡΡΠΈΠ² ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ ΡΠ²Π΅ΡΠΎΠ². ΠΠ°ΡΡΠΈΠ½ΠΊΠ° Π±ΡΠ΄Π΅Ρ Ρ ΡΠ°Π½ΠΈΡΡ ΠΌΠ΅Π½ΡΡΠ΅ Π±ΠΈΡΠΎΠ² Π½Π° ΠΏΠΈΠΊΡΠ΅Π»Ρ ΠΈ Π²Π΅ΡΠΈΡΡ Π±ΡΠ΄Π΅Ρ ΡΠΎΠΆΠ΅ ΠΌΠ΅Π½ΡΡΠ΅.
ΠΡΠΈ ΡΠ°ΠΊΠΎΠΉ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ ΠΎΡΡΠ΅Π½ΠΊΠΈ ΠΌΠΎΠ³ΡΡ ΠΏΠ΅ΡΠ΅Π΄Π°Π²Π°ΡΡΡΡ Π½Π΅ ΡΠ°ΠΊ ΡΠ΅ΡΠΊΠΎ, Π½ΠΎ Π΅ΡΠ»ΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ° Π² Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠΌ ΡΠ°Π·ΠΌΠ΅ΡΠ΅, ΡΡΠΎ Π±ΡΠ΄Π΅Ρ Π½Π΅Π·Π°ΠΌΠ΅ΡΠ½ΠΎ. ΠΠ°ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠΈΠ»ΡΠ½ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΌΠ΅Π½ΡΡΠΈΡΡ ΠΏΠ°Π»ΠΈΡΡΡ, Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΠΎΠΉ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ. Π€ΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΈ Ρ Π½Π΅Π±ΠΎΠΌ, Π²ΠΎΠ»Π½Π°ΠΌΠΈ, Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠ°ΠΌΠΈ ΡΡΠ΅Π±ΡΡΡ Π±ΠΎΠ»ΡΡΠ΅ ΡΠ²Π΅ΡΠΎΠ², ΡΡΠΎΠ±Ρ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡ Π²ΡΠ΅ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Ρ ΠΎΡΡΠ΅Π½ΠΊΠΎΠ².
ΠΠ΄ΠΈΠ½ ΠΈΠ· ΡΠΏΠΎΡΠΎΠ±ΠΎΠ² β ΡΠΌΠ΅Π½ΡΡΠΈΡΡ Β«Π±ΠΈΡΠΎΠ²ΡΡ Π³Π»ΡΠ±ΠΈΠ½ΡΒ» ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. Π’Π°ΠΊ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ PNG Ρ ΡΠΌΠ΅Π½ΡΡΠ΅Π½ΠΈΠ΅ΠΌ ΠΏΠ°Π»ΠΈΡΡΡ:
Π‘Π»Π΅Π²Π° Π½Π°ΠΏΡΠ°Π²ΠΎ: 32 Π±ΠΈΡΠ° (16 ΠΌΠΈΠ»Π»ΠΈΠΎΠ½ΠΎΠ² ΡΠ²Π΅ΡΠΎΠ²), 7 Π±ΠΈΡ (128 ΡΠ²Π΅ΡΠΎΠ²) ΠΈ 5 Π±ΠΈΡ (32 ΡΠ²Π΅ΡΠ°)
ΠΠΎΠ½Π²Π΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ GIF-ΡΠ°ΠΉΠ» Π² Π²ΠΈΠ΄Π΅ΠΎ
ΠΡΠ»ΠΈ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ Π΄Π»ΠΈΠ½Π½Π°Ρ, ΠΎΠ½Π° ΠΌΠΎΠΆΠ΅Ρ ΠΌΠ½ΠΎΠ³ΠΎ Π²Π΅ΡΠΈΡΡ. Π’Π°ΠΊΠΎΠΉ GIF-ΡΠ°ΠΉΠ» Π΅ΡΡΡ ΡΠΌΡΡΠ» ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ Π² Π²ΠΈΠ΄Π΅ΠΎ.
ΠΠ±ΡΡΠ½ΠΎ Π²ΡΠ±ΠΈΡΠ°ΡΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΉ ΡΠΎΡΠΌΠ°Ρ MP4. ΠΡΡΡ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π½ΠΎΠ²ΡΠΉ WebM, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΡΠ°ΠΉΠ»Ρ Π²Π΅ΡΡΡ ΠΌΠ΅Π½ΡΡΠ΅, Π½ΠΎ ΡΡΠΎΡ ΡΠΎΡΠΌΠ°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ Π½Π΅ Π²ΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ:
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° WebM Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ , 2020 Π³ΠΎΠ΄
ΠΠ½ΠΎΠ³Π΄Π° ΡΠ°ΠΊΠ°Ρ ΡΠΌΠ΅Π½Π° ΡΠΎΡΠΌΠ°ΡΠ° ΠΎΠΏΡΠ°Π²Π΄Π°Π½Π°: Π² ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΡΠ°ΠΉΠ» GIF Π²Π΅ΡΠΈΠ» 3,7 ΠΠ, ΠΎΡΠΊΠΎΠ½Π²Π΅ΡΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ Π² MP4 ΡΡΠ°Π» Π²Π΅ΡΠΈΡΡ 551 ΠΠ, Π° Π²Π΅ΡΡΠΈΡ WebM ΡΠΎΡΡΠ°Π²ΠΈΠ»Π° Π²ΡΠ΅Π³ΠΎ 341 ΠΠ.
Π‘ΡΠ°Π²Π½Π΅Π½ΠΈΠ΅ Π²Π΅ΡΠ° ΡΠ°Π·Π½ΡΡ ΡΠΎΡΠΌΠ°ΡΠΎΠ² Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ
ΠΡΠΈΠΌΠ΅ΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ², ΡΡΠΎΠ±Ρ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ GIF Π² Π²ΠΈΠ΄Π΅ΠΎ β FFmpeg, Online-convert, Convertio, Videotogiflab.
Π£Π΄Π°Π»ΠΈΡΡ Π»ΠΈΡΠ½ΠΈΠ΅ ΠΌΠ΅ΡΠ°Π΄Π°Π½Π½ΡΠ΅
ΠΠΎΡΠ»Π΅ ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π² Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°Ρ , Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Adobe Illustrator, Ρ Π½Π΅Π΅ ΠΎΡΡΠ°Π΅ΡΡΡ XML-ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ° Ρ ΠΌΠ΅ΡΠ°Π΄Π°Π½Π½ΡΠΌΠΈ. ΠΠ½ΠΈ Π½Π΅ Π½ΡΠΆΠ½Ρ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ, ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π°Π»ΠΈΡΡ.
Π£ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΉ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π°Π»ΠΈΡΡ EXIF β ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ Π³Π΅ΠΎΠ΄Π°Π½Π½ΡΡ , Π΄Π°ΡΠ΅ ΡΡΠ΅ΠΌΠΊΠΈ, ΡΠΎΡΠΎΠΊΠ°ΠΌΠ΅ΡΠ΅.
Π‘ΠΆΠ°ΡΡ ΡΠ°ΠΉΠ» ΠΎΠ½Π»Π°ΠΉΠ½
ΠΠ°ΠΊ Π½Π°ΡΡΡΠΎΠΈΡΡ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΡΠ΅ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ
ΠΡΠ·ΡΠ²ΡΠΈΠ²ΡΠ΅ ΠΈΠ»ΠΈ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ β ΡΠ΅, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π½Π° ΡΠ°Π·Π½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ Ρ ΡΠ°Π·Π½ΡΠΌΠΈ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΡΠΌΠΈ ΡΠΊΡΠ°Π½Π°.
Π ΡΠ΅Π³Ρ src ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Π·Π°ΡΡ Π΅ΡΠ΅ Π΄Π²Π° Π°ΡΡΠΈΠ±ΡΡΠ°: srcset ΠΈ sizes.
ΠΡΡΠΈΠ±ΡΡ srcset ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΠΌΠ°ΡΡΠΈΠ² ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Ρ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ΠΌ ΠΈΡ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ² ΠΏΠΎ ΡΠΈΡΠΈΠ½Π΅ ΠΈΠ»ΠΈ ΠΏΠ»ΠΎΡΠ½ΠΎΡΡΠΈ ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ. ΠΡΠ°ΡΠ·Π΅Ρ Π²ΡΡΡΠ΅ΡΠ°Π΅Ρ ΡΠ°ΠΊΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ ΡΠ°ΠΌ Π²ΡΠ±ΠΈΡΠ°Π΅Ρ, ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ ΠΊΠ°ΠΊΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΠΈΠ· ΠΏΡΠ΅Π΄Π»ΠΎΠΆΠ΅Π½Π½ΡΡ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ. ΠΡΠΎ Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ ΡΡΠ»ΠΎΠ²ΠΈΠΉ, Π² ΠΊΠΎΡΠΎΡΡΡ ΡΠ·Π΅Ρ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ: ΡΠΈΠΏΠ° ΡΡΡΡΠΎΠΉΡΡΠ²Π°, ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΡ ΡΠΊΡΠ°Π½Π°, ΡΠΊΠΎΡΠΎΡΡΠΈ ΠΈΠ½ΡΠ΅ΡΠ½Π΅ΡΠ°.
Π§Π΅ΡΠΊΠΎΠ΅ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΠΈ Π΄Π»Ρ Π―Π½Π΄Π΅ΠΊΡΠ°, ΠΈ Π΄Π»Ρ Google:
ΠΡΠ°ΡΠ·Π΅Ρ Π²ΡΠ΅Π³Π΄Π° ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΡΠΎ, ΡΡΠΎ Π² srcset, Π° Π±ΠΎΡ Π²ΡΠ΅Π³Π΄Π° ΠΈΠ½Π΄Π΅ΠΊΡΠΈΡΡΠ΅Ρ ΡΠΎ, ΡΡΠΎ Π² src.
ΠΠΎΡΡΠΎΠΌΡ Π² Π°ΡΡΠΈΠ±ΡΡ src Π½ΡΠΆΠ½ΠΎ ΠΊΠ»Π°ΡΡΡ ΡΠ°ΠΌΡΡ Π±ΠΎΠ»ΡΡΡΡ ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅Π½Π½ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ, Π° Π² Π°ΡΡΠΈΠ±ΡΡ srcset Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΡ ΠΏΡΠ΅Π²ΡΡ. Π’Π°ΠΊ Π² ΠΈΠ½Π΄Π΅ΠΊΡ ΠΏΠΎΠΏΠ°Π΄Π΅Ρ Ρ ΠΎΡΠΎΡΠ°Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ° ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΊΠ°ΡΠ΅ΡΡΠ²Π°. Π ΡΠΎΠΌΡ ΠΆΠ΅ ΡΡΠΎ Π΄Π°Π΅Ρ Π½Π΅Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΡ ΠΎΡ java-ΡΠΊΡΠΈΠΏΡΠΎΠ².
ΠΠ°ΠΊ Π½Π°ΡΡΡΠΎΠΈΡΡ Π»Π΅Π½ΠΈΠ²ΡΡ Π·Π°Π³ΡΡΠ·ΠΊΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ
ΠΠ° Π±Π°Π»Π»Ρ Π² PageSpeed Insights Π²Π»ΠΈΡΠ΅Ρ Π½Π΅ ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎ ΠΈ ΠΎΠ±ΡΠ΅ΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, Π° ΡΠΎ, ΠΊΠ°ΠΊΡΡ ΠΎΠ½ΠΈ ΡΠΎΠ·Π΄Π°ΡΡ Π½Π°Π³ΡΡΠ·ΠΊΡ. ΠΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ³Π»Π°Π΄ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΠΎΡΠ»ΠΎΠΆΠ΅Π½Π½ΠΎΠΉ Π·Π°Π³ΡΡΠ·ΠΊΠΈ β Lazy load.
ΠΡΠ»ΠΎΠΆΠ΅Π½Π½Π°Ρ ΠΈΠ»ΠΈ Π»Π΅Π½ΠΈΠ²Π°Ρ Π·Π°Π³ΡΡΠ·ΠΊΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π±ΡΠ΄ΡΡ Π·Π°Π³ΡΡΠΆΠ°ΡΡΡΡ Π½Π΅ ΡΡΠ°Π·Ρ ΠΊΠ°ΠΊ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π·Π°ΡΠ΅Π» Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ, Π° ΠΏΠΎ ΠΌΠ΅ΡΠ΅ Π½Π°Π΄ΠΎΠ±Π½ΠΎΡΡΠΈ β ΠΏΠΎ ΠΊΠ»ΠΈΠΊΡ Π½Π° ΠΏΡΠ΅Π²ΡΡ ΠΈΠ»ΠΈ ΠΏΠΎ Π΄ΠΎΡΠΊΡΠΎΠ»Π»Ρ Π΄ΠΎ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ, Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ.
ΠΡΠΈ ΡΡΠΎΠΌ Π²Π°ΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΠΈΠΊ ΠΏΡΠΎΠΈΠ½Π΄Π΅ΠΊΡΠΈΡΠΎΠ²Π°Π» Π½Π΅ Π·Π°Π³Π»ΡΡΠΊΡ ΠΈΠ»ΠΈ ΠΏΡΠ΅Π²ΡΡ, Π° ΡΠ°ΠΌΡΡ Π±ΠΎΠ»ΡΡΡΡ ΠΈ ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅Π½Π½ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ.
Π£ ΡΠ΅Π³Π° img Π΅ΡΡΡ Π°ΡΡΠΈΠ±ΡΡ decoding. ΠΠ»Ρ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΠΎΡΠ»ΠΎΠΆΠ΅Π½Π½ΠΎΠΉ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΡΡΠΎΠΈΡ ΡΠΊΠ°Π·ΡΠ²Π°ΡΡ Π°ΡΡΠΈΠ±ΡΡ decoding=async, ΠΎΠ½ ΡΠΈΠ³Π½Π°Π»ΠΈΠ·ΠΈΡΡΠ΅Ρ Π±ΡΠ°ΡΠ·Π΅ΡΡ, ΡΡΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π·Π°Π³ΡΡΠΆΠ΅Π½ΠΎ Π°ΡΠΈΠ½Ρ ΡΠΎΠ½Π½ΠΎ ΠΈ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π²Π»ΠΈΡΡΡ Π½Π° ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉ ΠΏΠΎΡΠΎΠΊ ΡΠ΅Π½Π΄Π΅ΡΠ° ΡΡΡΠ°Π½ΠΈΡΡ.
ΠΡΠΈΠΌΠ΅Ρ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° Π΄Π»Ρ Lazy load Ρ Π°ΡΡΠΈΠ±ΡΡΠΎΠΌ decoding=async:
Π’Π΅Π³ img Π½Π° Π²ΡΠΎΡΠΎΠΉ ΡΡΡΠΎΠΊΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ Π±Π°Π·ΠΎΠ²ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ Π΄Π»Ρ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ lazy load:
ΠΡΠ»ΠΈ Π²Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ ΠΎΡΠ»ΠΎΠΆΠ΅Π½Π½ΡΡ Π·Π°Π³ΡΡΠ·ΠΊΡ ΠΈ Ρ ΠΎΡΠΈΡΠ΅ ΠΏΠΎΠ»ΡΡΠ°ΡΡ ΠΎΡΠ³Π°Π½ΠΈΡΠ΅ΡΠΊΠΈΠΉ ΡΡΠ°ΡΠΈΠΊ, Π½ΡΠΆΠ½Π° ΡΠ°ΠΊΠ°Ρ Π²Π΅ΡΡΡΠΊΠ°.
ΠΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΠΌΠΎΠΌΠ΅Π½Ρ: Π² Π½Π°ΡΠ°Π»Π΅ Π·Π°Π³ΡΡΠ·ΠΊΠΈ, ΠΏΠΎΠΊΠ° ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ° Π½Π΅ ΠΏΠΎΡΠ²ΠΈΠ»Π°ΡΡ Π½Π° ΡΠΊΡΠ°Π½Π΅, Π±ΡΠ°ΡΠ·Π΅Ρ ΠΏΡΠΎΠΏΡΡΠΊΠ°Π΅Ρ ΠΌΠ΅ΡΡΠΎ, Π³Π΄Π΅ ΠΎΠ½Π° Π΄ΠΎΠ»ΠΆΠ½Π° ΠΏΠΎΡΠ²ΠΈΡΡΡΡ, ΠΈ ΡΠ΅Π½Π΄Π΅ΡΠΈΡ ΠΊΠΎΠ½ΡΠ΅Π½Ρ Π½ΠΈΠΆΠ΅. ΠΠ½ Π½Π΅ Π·Π½Π°Π΅Ρ, ΠΊΠ°ΠΊΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΠΎΠ±Π»Π°ΡΡΡ Π½ΡΠΆΠ½ΠΎ ΠΎΡΡΠ°Π²ΠΈΡΡ ΠΏΠΎΠ΄ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ. ΠΠ°ΡΠ°Π»Π»Π΅Π»ΡΠ½ΠΎ ΠΎΠ½ ΠΏΠΎΠ΄Π³ΡΡΠΆΠ°Π΅Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ, ΡΠ·Π½Π°Π΅Ρ ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°Ρ ΠΈ Π²ΠΏΠΈΡΡΠ²Π°Π΅Ρ Π΅Π΅ Π² ΡΡΡΠ°Π½ΠΈΡΡ. ΠΠ·-Π·Π° ΡΡΠΎΠ³ΠΎ Π²Π΅ΡΡΡΠΊΠ° ΠΌΠΎΠΆΠ΅Ρ ΡΠ΄Π²ΠΈΠ³Π°ΡΡΡΡ.
Π‘Π΄Π²ΠΈΠ³ ΠΌΠ°ΠΊΠ΅ΡΠ° ΠΈΠ·-Π·Π° Π·Π°Π³ΡΡΠ·ΠΊΠΈ Π±Π°Π½Π½Π΅ΡΠ° ΡΠ²Π΅ΡΡ Ρ
Π’Π°ΠΊΠΈΠ΅ ΡΠΊΠ°ΡΠΊΠΈ ΠΌΠ°ΠΊΠ΅ΡΠ° Π²ΠΎ Π²ΡΠ΅ΠΌΡ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΠΈΠ·ΠΌΠ΅ΡΡΠ΅Ρ Ρ Π°ΡΠ°ΠΊΡΠ΅ΡΠΈΡΡΠΈΠΊΠ° CLS β Cumulative Layout Shift. Π‘Π΅ΠΉΡΠ°Ρ ΠΎΠ½Π° ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½Π° Google, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ Π²Ρ ΠΎΠ΄ΠΈΡ Π² ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π½ΠΎΠ²ΡΡ ΠΌΠ΅ΡΡΠΈΠΊΡ Core Web Vitals, ΠΎΡΠ΅Π½ΠΈΠ²Π°ΡΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΠΎΠΏΡΡ.
ΠΠ΅ΡΡΡΠ°Π»ΡΡΠΈΠΊΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΎΡΠ²ΠΎΠ΄ΠΈΡΡ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΡΡ ΠΎΠ±Π»Π°ΡΡΡ ΠΏΠΎΠ΄ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, ΡΠΊΠ°Π·ΡΠ²Π°Ρ Π΅Π³ΠΎ ΡΠΎΡΠ½ΡΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΡ ΠΈΠ»ΠΈ ΠΏΡΠΎΠΏΠΎΡΡΠΈΠΈ, ΡΡΠΎΠ±Ρ ΠΌΠ°ΠΊΠ΅Ρ Π½Π΅ Π΄Π΅ΡΠ³Π°Π»ΡΡ ΠΏΡΠΈ Π°ΡΠΈΠ½Ρ ΡΠΎΠ½Π½ΠΎΠΉ Π·Π°Π³ΡΡΠ·ΠΊΠ΅.
ΠΡΠΎΠ²Π΅ΡΠΈΡΡ ΡΠΊΠΎΡΠΎΡΡΡ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈ Π΅ΡΠ΅ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ² ΠΌΠΎΠΆΠ½ΠΎ Π² ΠΠ½Π°Π»ΠΈΠ·Π΅ ΡΠ°ΠΉΡΠ°. Π‘Π΅ΡΠ²ΠΈΡ ΠΏΡΠΎΠ²Π΅Π΄Π΅Ρ Π°ΡΠ΄ΠΈΡ ΡΠ°ΠΉΡΠ° ΠΏΠΎ 70+ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°ΠΌ, Π½Π°ΠΉΠ΄Π΅Ρ ΠΎΡΠΈΠ±ΠΊΠΈ ΠΈ Π΄Π°ΡΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ. Π Π½Π΅ΠΌ ΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΎΠ²Π΅ΡΠΈΡΡ ΠΈ Π²Π½ΡΡΡΠ΅Π½Π½ΠΈΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ°ΠΉΡΠ°, Π° ΡΠ°ΠΊΠΆΠ΅ ΡΠ»Π΅Π΄ΠΈΡΡ Π·Π° ΠΏΠΎΠ·ΠΈΡΠΈΡΠΌΠΈ Π² ΠΏΠΎΠΈΡΠΊΠΎΠ²ΠΈΠΊΠ°Ρ .
Π€ΡΠ°Π³ΠΌΠ΅Π½Ρ Π°Π½Π°Π»ΠΈΠ·Π° ΡΠ°ΠΉΡΠ°
ΠΠ°ΠΊ Π·Π°ΠΏΠΎΠ»Π½ΡΡΡ SEO-Π°ΡΡΠΈΠ±ΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ
ΠΠΎΠΈΡΠΊΠΎΠ²ΡΠ΅ ΡΠΈΡΡΠ΅ΠΌΡ Π²ΠΎΡΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ ΠΊΠ°ΠΊ ΡΠ΅Π³ img Ρ Π°ΡΡΠΈΠ±ΡΡΠΎΠΌ src, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠΈΠΌ ΡΠ°ΠΌΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, ΠΈ Π°ΡΡΠΈΠ±ΡΡΠΎΠΌ alt, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ Π·Π°ΠΊΠ»ΡΡΠ΅Π½ΠΎ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ. ΠΡΠ΅ Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΏΡΠΎΠΏΠΈΡΠ°Π½ title Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΌ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ΠΌ.
ΠΠ΅ ΡΡΠΎΠΈΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ΅Π³ figure Π΄Π»Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ figure ΡΠΈΠ³Π½Π°Π»ΠΈΠ·ΠΈΡΡΠ΅Ρ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΠΈΠΊΡ, ΡΡΠΎ Π½ΡΠΆΠ½ΠΎ Π²ΠΎΡΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡ ΡΡΠΎΡ ΠΎΠ±ΡΠ΅ΠΊΡ Π² ΠΎΡΡΡΠ²Π΅ ΠΎΡ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° ΡΡΡΠ°Π½ΠΈΡΡ.
ΠΡΡΠΈΠ±ΡΡ alt
Alt β ΡΡΠΎ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. Alt Π΄Π°Π΅Ρ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΠΈΠΊΡ ΠΏΠΎΠ»Π΅Π·Π½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ ΡΠ΅ΠΌΠ°ΡΠΈΠΊΠ΅ ΠΈ ΡΠ΅Π»Π΅Π²Π°Π½ΡΠ½ΠΎΡΡΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. ΠΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΡΠΎΠ³ΠΎ, ΠΎ ΡΠ΅ΠΌ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ°, ΡΡΠΎ Π½Π° Π½Π΅ΠΉ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΎ. Alt Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ ΡΠ°ΠΊΠΈΠΌ, ΡΡΠΎ Π΅ΡΠ»ΠΈ ΡΠ΄Π°Π»ΠΈΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ ΡΠΎ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈ ΠΏΠΎΡΡΠ°Π²ΠΈΡΡ Π²ΠΌΠ΅ΡΡΠΎ Π½Π΅Π΅ ΡΠ΅ΠΊΡΡ Π°ΡΡΠΈΠ±ΡΡΠ°, ΠΎΠ½ ΠΎΡΠ³Π°Π½ΠΈΡΠ½ΠΎ Π²ΠΏΠΈΡΠ΅ΡΡΡ Π² ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡ.
ΠΠ°ΠΊ Π·Π°ΠΏΠΎΠ»Π½ΡΡΡ alt Π΄Π»Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ?
ΠΠ°ΠΊΠΈΠΌ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ alt ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ:
Alt ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ, Π΄ΡΠ±Π»ΠΈΡΡΡΡΠΈΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΡΡΠ°Π½ΠΈΡΡ, ΡΠΈΠ³Π½Π°Π»ΠΈΠ·ΠΈΡΡΠ΅Ρ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΠΌ Π±ΠΎΡΠ°ΠΌ, ΡΡΠΎ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ Π½ΡΠΆΠ½ΠΎ ΠΏΡΠΎΠΈΠ³Π½ΠΎΡΠΈΡΠΎΠ²Π°ΡΡ, ΠΎΠ½Π° Π½ΡΠΆΠ½Π° Π΄Π»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠΈ. ΠΡΠ»ΠΈ ΡΡΠΎ Π½ΠΎΠ²ΠΎΡΡΠΈ ΠΈ Π½Π΅Ρ ΡΠ΅Π»ΠΈ ΠΏΠΎΠΏΠ°ΡΡΡ Π² Google ΠΠ°ΡΡΠΈΠ½ΠΊΠΈ, ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°ΠΊ ΠΈ ΡΠ΄Π΅Π»Π°ΡΡ. ΠΡΠ»ΠΈ Ρ ΠΎΡΠ΅ΡΡΡ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΡΡΠ°ΡΠΈΠΊ ΠΈΠ· Google ΠΠ°ΡΡΠΈΠ½ΠΎΠΊ, Π»ΡΡΡΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠ°ΡΡΡΡ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°, Π΄Π°ΡΡ ΠΏΠΎΠ½ΡΡΡ Π±ΠΎΡΠ°ΠΌ, ΡΡΠΎ ΠΎΠ½ΠΎ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ ΡΠ°ΡΠΊΡΡΡΡ ΡΠΌΡΡΠ».
ΠΠ΅ΡΠ΄Π°ΡΠ½ΡΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ:
ΠΠ΅Ρ ΡΠ΅ΠΊΡΡΠ° Π² alt β img src=»https://pr-cy.ru/news/p/sobaka.jpg»-
ΠΠ΅ΡΠ΅ΡΠΏΠ°ΠΌ β img src=»https://pr-cy.ru/news/p/sobaka.jpg» alt=»ΡΠΎΠ±Π°ΠΊΠ° ΡΠ΅Π½ΠΎΠΊ ΡΠΎΠ±Π°ΡΠΊΠ° ΠΌΠ°Π»Π΅Π½ΡΠΊΠ°Ρ ΡΠΎΠ±Π°ΡΠΊΠ° ΡΠ΅ΡΡΠΈΠ²Π΅Ρ Π»Π°Π±ΡΠ°Π΄ΠΎΡ Π²ΠΎΠ»ΠΊΠΎΠ΄Π°Π² ΡΠ΅ΡΡΠ΅Ρ ΠΏΠΎΠΉΠ½ΡΠ΅Ρ ΠΊΠΎΡΠΌ Π΄Π»Ρ ΡΠΎΠ±Π°ΠΊ Π΄Π΅ΡΠ΅Π²ΡΠΉ ΠΊΠΎΡΠΌ Π΄Π»Ρ ΡΠΎΠ±Π°ΠΊ Π΅Π΄Π° Π΄Π»Ρ ΡΠΎΠ±Π°ΠΊ»
Π£Π΄Π°ΡΠ½ΡΠΉ Π²Π°ΡΠΈΠ°Π½Ρ:
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ, ΠΈΠ· ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΠΏΠΎΠ½ΡΡΠ½ΠΎ, ΡΡΠΎ Π½Π° Π½Π΅ΠΉ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ β img src=»https://pr-cy.ru/news/p/sobaka.jpg» alt=»ΡΠΎΠ±Π°ΠΊΠ° ΠΏΠΎΡΠΎΠ΄Ρ Π»Π°Π±ΡΠ°Π΄ΠΎΡ ΠΏΡΠΈΠ½ΠΎΡΠΈΡ ΠΏΠ°Π»ΠΊΡ Ρ ΠΎΠ·ΡΠΈΠ½Ρ»
ΠΠ°ΡΠΈΠ°Π½Ρ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ alt
Π§ΡΠΎ Π΄Π΅Π»Π°ΡΡ Π΄Π»Ρ ΠΌΡΠ»ΡΡΠΈΡΠ·ΡΡΠ½ΡΡ ΡΠ°ΠΉΡΠΎΠ², ΡΠΎΠ²Π΅ΡΡΠ΅Ρ ΠΠΆΠΎΠ½ ΠΡΠ»Π»Π΅Ρ:
Β«ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΎΠ΄Π½Ρ ΠΈ ΡΡ ΠΆΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ (Ρ ΠΎΠ΄Π½ΠΎΠ³ΠΎ URL) ΠΌΡ ΡΠ°Π·ΡΠ΅ΡΠ°Π΅ΠΌ. Π§ΡΠΎ ΠΊΠ°ΡΠ°Π΅ΡΡΡ Π°ΡΡΠΈΠ±ΡΡΠ° Alt, ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ Π»ΠΎΠΊΠ°Π»ΠΈΠ·ΠΎΠ²Π°Π½, ΡΠΎ Π΅ΡΡΡ ΠΏΠ΅ΡΠ΅Π²Π΅Π΄Π΅Π½ Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ ΡΠ·ΡΠΊΠΎΠΌ ΡΡΡΠ°Π½ΠΈΡΡ, Π³Π΄Π΅ Π±ΡΠ΄Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅Β».
ΠΡΡΠΈΠ±ΡΡ title
Title β ΡΠΎΠΆΠ΅ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ, Π½ΠΎ Π΄Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ. ΠΠ½ΠΎ Π²ΡΠ²ΠΎΠ΄ΠΈΡΡΡ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ° Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅. Π title Π»ΡΡΡΠ΅ ΠΏΠΈΡΠ°ΡΡ ΠΊΠΎΡΠΎΡΠΊΡΡ ΡΡΠ°Π·Ρ, ΠΏΠΎΡΡΠ½ΡΡΡΡΡ, ΡΡΠΎ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ Π½Π° ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ΅. ΠΠΎ Π²ΠΎΠΎΠ±ΡΠ΅ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΡΡΠΎΠ³ΠΎ Π°ΡΡΠΈΠ±ΡΡΠ° Π½Π΅ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ β Π½Π° SEO ΠΎΠ½ Π½Π΅ Π²Π»ΠΈΡΠ΅Ρ, ΠΌΠΎΠΆΠ΅Ρ ΡΠ°Π·Π²Π΅ ΡΡΠΎ Π±ΡΡΡ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΌ ΡΠΈΡΠ°ΡΠ΅Π»ΡΠΌ.
ΠΠ°ΠΏΠΎΠ»Π½Π΅Π½Π½ΡΠΉ title
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ ΡΠ°ΠΉΠ»Π°
Π Π‘ΠΏΡΠ°Π²ΠΊΠ΅ Google Π½Π°ΠΏΠΈΡΠ°Π½ΠΎ, ΡΡΠΎ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΡΠ°ΠΉΠ»Π° ΡΠΎΠΆΠ΅ Π²Π°ΠΆΠ½ΠΎ, ΠΏΠΎΡΡΠΎΠΌΡ Π½ΡΠΆΠ½ΠΎ ΠΏΠ΅ΡΠ΅ΠΈΠΌΠ΅Π½ΠΎΠ²ΡΠ²Π°ΡΡ ΡΠ°ΠΉΠ»Ρ ΠΏΠ΅ΡΠ΅Π΄ Π·Π°Π³ΡΡΠ·ΠΊΠΎΠΉ. ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠΏΠΎΠ»Π½ΡΡΡ ΡΡ ΠΆΠ΅ ΡΡΠ½ΠΊΡΠΈΡ, ΡΡΠΎ ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ Ρ ΠΏΠΎΠ΄ΠΏΠΈΡΡΠΌΠΈ, ΡΠ°ΠΊ ΡΡΠΎ Π²Π°ΡΠΈΠ°Π½Ρ sobaka.jpg Π»ΡΡΡΠ΅ IMG00023.JPG, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΏΠ΅ΡΠ΅Π΄Π°Π΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ.
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ Π½Π°ΠΏΠΈΡΠ°Π½ΠΎ Π½Π° Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΎΠΌ ΡΠ·ΡΠΊΠ΅ ΠΈΠ»ΠΈ Π² ΡΡΠ°Π½ΡΠ»ΠΈΡΠ΅ΡΠ°ΡΠΈΠΈ, Π²ΠΌΠ΅ΡΡΠΎ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ² ΠΈ Π½ΠΈΠΆΠ½ΠΈΡ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠΉ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ Π΄Π΅ΡΠΈΡΡ.
ΠΡΠ°ΠΊ, ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ Π΄Π»Ρ SEO Π²Π°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ°, Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅Π½Π½ΡΠΌ ΠΈ ΠΊΡΡΠΏΠ½ΡΠΌ, Π΄Π»Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° Π½ΡΠΆΠ½Ρ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠ΅ ΠΏΡΠ΅Π²ΡΡ. ΠΠ°ΡΡΠΈΠ½ΠΊΠΈ Π»ΡΡΡΠ΅ Π·Π°Π³ΡΡΠΆΠ°ΡΡ Π°ΡΠΈΠ½Ρ ΡΠΎΠ½Π½ΠΎ, ΡΠΆΠ°ΡΡ ΡΠ°ΠΉΠ» Ρ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΡΠΌ ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΠ΅ΠΌ ΠΊΠ°ΡΠ΅ΡΡΠ²Π° ΠΈ ΠΏΠΎΠ΄Π±ΠΈΡΠ°ΡΡ ΡΠΎΡΠΌΠ°Ρ ΠΏΠΎΠ΄ Π±ΡΠ°ΡΠ·Π΅Ρ. Π’Π΅Π³ alt Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ ΠΊΠ»ΡΡΠ΅Π²ΡΠ΅ ΡΠ»ΠΎΠ²Π° ΠΈ Π±ΡΡΡ ΡΠ΅Π»Π΅Π²Π°Π½ΡΠ½ΡΠΌ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΌΡ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΠΊΡΡΠΆΠ°Π΅Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ, ΡΠ°ΠΊΠΆΠ΅ Π²Π°ΠΆΠ½ΠΎ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΡΠ°ΠΉΠ»Π°.
ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅ ΡΠΎΠ²Π΅ΡΡ Π² ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΡΡ : ΠΊΠ°ΠΊ Π²Ρ ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΡΠ΅ΡΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π΄Π»Ρ ΡΠ²ΠΎΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ²?