Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅ Π²Π΅Π±-рСсурсы Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π±Π΅Π· Π²ΠΈΠ΄Π΅ΠΎΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΡƒΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΈ ΠΏΠΎΠ²Ρ‹ΡˆΠ°Π΅Ρ‚ ΠΊΠΎΠ½Π²Π΅Ρ€ΡΠΈΡŽ. Π’ систСмС управлСния сайтом 1Π‘-Битрикс прСдусмотрСно нСсколько Π³ΠΈΠ±ΠΊΠΈΡ… инструмСнтов для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΌΠ΅Π΄ΠΈΠ°Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΡ… администраторам Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ подходящий ΠΌΠ΅Ρ‚ΠΎΠ΄ ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ Ρ€ΠΎΠ»ΠΈΠΊΠΈ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ Π½Π° сСрвСр, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ внСшниС хостинги ΠΈΠ»ΠΈ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ ΠΏΠΎΡ‚ΠΎΠΊΠΎΠ²ΠΎΠ΅ Π²Π΅Ρ‰Π°Π½ΠΈΠ΅ Π² зависимости ΠΎΡ‚ Π·Π°Π΄Π°Ρ‡ вашСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.

Π’Ρ‹Π±ΠΎΡ€ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠ³ΠΎ способа часто зависит ΠΎΡ‚ Π½Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π½Π° хостинг ΠΈ Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Π½ΠΈΠΉ ΠΊ скорости Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страниц. Π’Π°ΠΆΠ½ΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Ρ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ тяТСлых Ρ„Π°ΠΉΠ»ΠΎΠ² Π½Π° собствСнном сСрвСрС ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Ρ‚ΡŒ увСличСния дискового пространства ΠΈ настройки ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π°Ρ†ΠΈΠΈ для ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ². Π’ Ρ‚ΠΎ ΠΆΠ΅ врСмя, использованиС сторонних ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ снимаСт Π½Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ с вашСго оборудования, Π½ΠΎ Π½Π°ΠΊΠ»Π°Π΄Ρ‹Π²Π°Π΅Ρ‚ ограничСния Π½Π° ΠΊΠ°ΡΡ‚ΠΎΠΌΠΈΠ·Π°Ρ†ΠΈΡŽ ΠΏΠ»Π΅Π΅Ρ€Π°.

Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ Π΄Π΅Ρ‚Π°Π»ΡŒΠ½ΠΎ Ρ€Π°Π·Π±Π΅Ρ€Π΅ΠΌ всС доступныС ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΠΈ Π²ΠΈΠ΄Π΅ΠΎ Π² Битрикс, начиная ΠΎΡ‚ Π±Π°Π·ΠΎΠ²ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Ρ‡Π΅Ρ€Π΅Π· Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΈ заканчивая тСхничСскими нюансами настройки Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ². ΠœΡ‹ рассмотрим, ΠΊΠ°ΠΊ ΠΈΠ·Π±Π΅ΠΆΠ°Ρ‚ΡŒ Ρ‚ΠΈΠΏΠΈΡ‡Π½Ρ‹Ρ… ошибок ΠΏΡ€ΠΈ вСрсткС ΠΈ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎΠ΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах.

Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ° Π²ΠΈΠ΄Π΅ΠΎΡ„Π°ΠΉΠ»ΠΎΠ² Ρ‡Π΅Ρ€Π΅Π· ΠΌΠ΅Π΄ΠΈΠ°Ρ‚Π΅ΠΊΡƒ

Π‘Π°ΠΌΡ‹ΠΉ простой способ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Ρ€ΠΎΠ»ΠΈΠΊ Π½Π° сайтС β€” ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ встроСнный Ρ„Π°ΠΉΠ»ΠΎΠ²Ρ‹ΠΉ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ Битрикса. Для этого администратору Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π² панСль управлСния ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Ρ€Π°Π·Π΄Π΅Π» ΠšΠΎΠ½Ρ‚Π΅Π½Ρ‚, Π³Π΄Π΅ располоТСна ΠœΠ΅Π΄ΠΈΠ°Ρ‚Π΅ΠΊΠ°. Π­Ρ‚ΠΎΡ‚ инструмСнт позволяСт Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² ΠΈ автоматичСски Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€Π΅Π²ΡŒΡŽ для ΡƒΠ΄ΠΎΠ±Π½ΠΎΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΏΠΎ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ΅.

ПослС наТатия ΠΊΠ½ΠΎΠΏΠΊΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ систСма ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ» с локального ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΠΎΠ³ΠΎ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ настройками PHP Π½Π° сСрвСрС, Ρ‚Π°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ upload_max_filesize ΠΈ post_max_size. Если Π²Ρ‹ ΠΏΡ‹Ρ‚Π°Π΅Ρ‚Π΅ΡΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Ρ„Π°ΠΉΠ» объСмом Π±ΠΎΠ»Π΅Π΅ 100 Мб, Π° опСрация прСрываСтся, потрСбуСтся ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²ΠΊΠ° ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΠΈ php.ini ΠΈΠ»ΠΈ ΠΎΠ±Ρ€Π°Ρ‰Π΅Π½ΠΈΠ΅ ΠΊ хостинг-ΠΏΡ€ΠΎΠ²Π°ΠΉΠ΄Π΅Ρ€Ρƒ.

Π—Π°Π³Ρ€ΡƒΠΆΠ΅Π½Π½ΠΎΠ΅ Π²ΠΈΠ΄Π΅ΠΎ автоматичСски ΠΏΠΎΠΏΠ°Π΄Π°Π΅Ρ‚ Π² структуру ΠΏΠ°ΠΏΠΎΠΊ, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ„ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎ своСму ΡƒΡΠΌΠΎΡ‚Ρ€Π΅Π½ΠΈΡŽ для удобства дальнСйшСго использования. БистСма присваиваСт Ρ„Π°ΠΉΠ»Ρƒ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ ΠΈ сохраняСт ΠΏΡƒΡ‚ΡŒ ΠΊ Π½Π΅ΠΌΡƒ Π² Π±Π°Π·Π΅ Π΄Π°Π½Π½Ρ‹Ρ…, Ρ‡Ρ‚ΠΎ позволяСт Π»Π΅Π³ΠΊΠΎ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π² Π»ΡŽΠ±Ρ‹Π΅ части сайта Ρ‡Π΅Ρ€Π΅Π· Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€.

⚠️ Π’Π½ΠΈΠΌΠ°Π½ΠΈΠ΅: Π₯Ρ€Π°Π½Π΅Π½ΠΈΠ΅ большого количСства Π²ΠΈΠ΄Π΅ΠΎΡ„Π°ΠΉΠ»ΠΎΠ² Π½Π° ΠΎΠ΄Π½ΠΎΠΌ сСрвСрС с сайтом ΠΌΠΎΠΆΠ΅Ρ‚ критичСски Π·Π°ΠΌΠ΅Π΄Π»ΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ рСсурса ΠΈ привСсти ΠΊ ΠΈΡΡ‡Π΅Ρ€ΠΏΠ°Π½ΠΈΡŽ дискового пространства. РСкомСндуСтся ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ Ρ…Ρ€Π°Π½ΠΈΠ»ΠΈΡ‰Π° для ΠΌΠ΅Π΄ΠΈΠ°-ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° высокой чСткости.

πŸ’‘

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΠΉΡ‚Π΅ Π²ΠΈΠ΄Π΅ΠΎ ΠΏΠ΅Ρ€Π΅Π΄ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΎΠΉ, сТимая ΠΈΡ… Π΄ΠΎ ΠΏΡ€ΠΈΠ΅ΠΌΠ»Π΅ΠΌΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π±Π΅Π· сильной ΠΏΠΎΡ‚Π΅Ρ€ΠΈ качСства, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΡΠΊΠΎΡ€ΠΈΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ страниц для посСтитСлСй с ΠΌΠ΅Π΄Π»Π΅Π½Π½Ρ‹ΠΌ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ΠΎΠΌ.

ПослС ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ ΠΏΡ€Π°Π²Π°ΠΌΠΈ доступа ΠΊ Ρ„Π°ΠΉΠ»Π°ΠΌ, скрывая ΠΈΡ… ΠΎΡ‚ ΠΏΡƒΠ±Π»ΠΈΡ‡Π½ΠΎΠ³ΠΎ просмотра ΠΈΠ»ΠΈ открывая Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для Π°Π²Ρ‚ΠΎΡ€ΠΈΠ·ΠΎΠ²Π°Π½Π½Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. Π­Ρ‚ΠΎ особСнно Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎ для ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΏΠΎΡ€Ρ‚Π°Π»ΠΎΠ², Π³Π΄Π΅ Π²ΠΈΠ΄Π΅ΠΎ содСрТат ΠΊΠΎΠ½Ρ„ΠΈΠ΄Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΈΠ»ΠΈ ΠΎΠ±ΡƒΡ‡Π°ΡŽΡ‰ΠΈΠ΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹ для сотрудников.

ИспользованиС Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° для вставки

Когда Π²ΠΈΠ΄Π΅ΠΎΡ„Π°ΠΉΠ» ΡƒΠΆΠ΅ находится Π² ΠΌΠ΅Π΄ΠΈΠ°Ρ‚Π΅ΠΊΠ΅, Π΅Π³ΠΎ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π½Π° страницу происходит Ρ‡Π΅Ρ€Π΅Π· Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ HTML. ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Π½ΡƒΠΆΠ½ΡƒΡŽ страницу для рСдактирования ΠΈ установитС курсор Π² Ρ‚ΠΎ мСсто, Π³Π΄Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ΠΏΠ»Π΅Π΅Ρ€. Π’ ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ вставки ΠΌΠ΅Π΄ΠΈΠ°, которая ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π΅Π½Π° ΠΈΠΊΠΎΠ½ΠΊΠΎΠΉ ΠΊΠΈΠ½ΠΎΠΏΠ»Π΅Π½ΠΊΠΈ ΠΈΠ»ΠΈ Π·Π½Π°Ρ‡ΠΊΠΎΠΌ воспроизвСдСния.

Π’ ΠΎΡ‚ΠΊΡ€Ρ‹Π²ΡˆΠ΅ΠΌΡΡ ΠΎΠΊΠ½Π΅ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ "ΠœΠ΅Π΄ΠΈΠ°Ρ‚Π΅ΠΊΠ°" ΠΈ Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ Ρ€Π°Π½Π΅Π΅ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Π½Ρ‹ΠΉ Ρ„Π°ΠΉΠ». ПослС Π²Ρ‹Π±ΠΎΡ€Π° систСма автоматичСски сгСнСрируСт ΠΊΠΎΠ΄ Ρ‚Π΅Π³Π° video ΠΈΠ»ΠΈ вставит iframe, Π² зависимости ΠΎΡ‚ Ρ‚ΠΈΠΏΠ° источника. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΡƒΠΊΠ°Π·Π°Π² desired ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ высоту, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π²ΠΊΠ»ΡŽΡ‡ΠΈΠ² элСмСнты управлСния, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΏΠ°ΡƒΠ·Π°, Π³Ρ€ΠΎΠΌΠΊΠΎΡΡ‚ΡŒ ΠΈ полноэкранный Ρ€Π΅ΠΆΠΈΠΌ.

Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Битрикса позволяСт Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ нСсколько источников для ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π²ΠΈΠ΄Π΅ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ ΡΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒ со старыми Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ. НапримСр, ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΏΡƒΡ‚ΠΈ ΠΊ Ρ„Π°ΠΉΠ»Π°ΠΌ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ… MP4, WebM ΠΈ Ogg ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ. Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ посСтитСля автоматичСски Π²Ρ‹Π±Π΅Ρ€Π΅Ρ‚ Ρ‚ΠΎΡ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΠ½ способСн воспроизвСсти, обСспСчивая бСспроблСмный просмотр для всСх ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ.

β˜‘οΈ ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° ΠΏΠ΅Ρ€Π΅Π΄ ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠ΅ΠΉ Π²ΠΈΠ΄Π΅ΠΎ

Π’Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΎ: 0 / 5

НС Π·Π°Π±ΡƒΠ΄ΡŒΡ‚Π΅ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ alt ΠΈΠ»ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ тСкстовоС описаниС рядом с Π²ΠΈΠ΄Π΅ΠΎ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ это влияСт Π½Π° ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡƒΡŽ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡŽ страницы. ΠŸΠΎΠΈΡΠΊΠΎΠ²Ρ‹Π΅ Ρ€ΠΎΠ±ΠΎΡ‚Ρ‹ Π½Π΅ ΠΌΠΎΠ³ΡƒΡ‚ "ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ" Π²ΠΈΠ΄Π΅ΠΎ, поэтому ΠΎΠ½ΠΈ ΠΏΠΎΠ»Π°Π³Π°ΡŽΡ‚ΡΡ Π½Π° тСкстовый контСкст для понимания содСрТания Ρ€ΠΎΠ»ΠΈΠΊΠ° ΠΈ Π΅Π³ΠΎ индСксации.

Π˜Π½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡ Π²ΠΈΠ΄Π΅ΠΎ с Π²Π½Π΅ΡˆΠ½ΠΈΡ… хостингов

ΠΠ»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ Π½Π° свой сСрвСр являСтся использованиС популярных видСохостингов, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ YouTube, Vimeo ΠΈΠ»ΠΈ Rutube. Π­Ρ‚ΠΎΡ‚ ΠΌΠ΅Ρ‚ΠΎΠ΄ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ экономит рСсурсы вашСго хостинга ΠΈ ускоряСт Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ сайта, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Ρ‚Ρ€Π°Ρ„ΠΈΠΊ Π²ΠΈΠ΄Π΅ΠΎ пСрСдаСтся Ρ‡Π΅Ρ€Π΅Π· ΠΌΠΎΡ‰Π½Ρ‹Π΅ CDN-сСти ΠΏΡ€ΠΎΠ²Π°ΠΉΠ΄Π΅Ρ€Π°. Для вставки Ρ‚Π°ΠΊΠΎΠ³ΠΎ Π²ΠΈΠ΄Π΅ΠΎ достаточно ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ для встраивания (embed code) Π½Π° самом хостингС.

Π’ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΌ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ Битрикса ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ΡΡŒ Π² Ρ€Π΅ΠΆΠΈΠΌ исходного ΠΊΠΎΠ΄Π° HTML, Π½Π°ΠΆΠ°Π² ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов. Π’ΡΡ‚Π°Π²ΡŒΡ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½Ρ‹ΠΉ ΠΊΠΎΠ΄ iframe Π² Π½ΡƒΠΆΠ½ΠΎΠ΅ мСсто страницы. Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅ вСрсии Битрикса часто ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ автоматичСскоС распознаваниС ссылок: достаточно Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΏΡ€ΡΠΌΡƒΡŽ ссылку Π½Π° Ρ€ΠΎΠ»ΠΈΠΊ, ΠΈ систСма сама ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΡƒΠ΅Ρ‚ Π΅Ρ‘ Π² ΠΏΠ»Π΅Π΅Ρ€.

ΠŸΡ€ΠΈ использовании Π²Π½Π΅ΡˆΠ½ΠΈΡ… источников Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ доступ ΠΊ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½ΠΎΠΉ статистикС просмотров ΠΈ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π², ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ прСдоставляСт ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° хостинга. Однако Π²Ρ‹ тСряСтС ΠΏΠΎΠ»Π½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒ Π½Π°Π΄ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ ΠΏΠ»Π΅Π΅Ρ€Π° ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΡ‚ΠΎΠ»ΠΊΠ½ΡƒΡ‚ΡŒΡΡ с ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ стороннСй Ρ€Π΅ΠΊΠ»Π°ΠΌΡ‹ ΠΏΠ΅Ρ€Π΅Π΄ Π½Π°Ρ‡Π°Π»ΠΎΠΌ просмотра, Ссли Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ ΠΏΠ»Π°Ρ‚Π½Ρ‹Π΅ Ρ‚Π°Ρ€ΠΈΡ„Ρ‹ хостинга.

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Π›ΠΎΠΊΠ°Π»ΡŒΠ½ΠΎΠ΅ Ρ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ Π’Π½Π΅ΡˆΠ½ΠΈΠΉ хостинг Π‘Ρ‚Ρ€ΠΈΠΌΠΈΠ½Π³ΠΎΠ²Ρ‹ΠΉ сСрвСр
Нагрузка Π½Π° сСрвСр Высокая ΠžΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΡƒΠ΅Ρ‚ БрСдняя
Π‘Ρ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ ΠžΠΏΠ»Π°Ρ‚Π° хостинга БСсплатно ΠΈΠ»ΠΈ подписка Высокая
ΠšΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠŸΠΎΠ»Π½Ρ‹ΠΉ ΠžΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹ΠΉ Π“ΠΈΠ±ΠΊΠΈΠΉ
Π‘ΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Зависит ΠΎΡ‚ Ρ‚Π°Ρ€ΠΈΡ„Π° Высокая (CDN) Π‘Ρ‚Π°Π±ΠΈΠ»ΡŒΠ½Π°Ρ
πŸ“Š Какой способ размСщСния Π²ΠΈΠ΄Π΅ΠΎ Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Ρ‡Π°Ρ‰Π΅ всСго?
Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ° Π½Π° свой сСрвСр
YouTube/Vimeo
БобствСнный стриминг
НС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ Π²ΠΈΠ΄Π΅ΠΎ

Π’Π°ΠΆΠ½ΠΎ ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ внСшниС сСрвисы ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ нСдоступны Π² ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… Ρ€Π΅Π³ΠΈΠΎΠ½Π°Ρ… ΠΈΠ»ΠΈ Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΏΡ€ΠΎΠ²Π°ΠΉΠ΄Π΅Ρ€Π°ΠΌΠΈ. Π’ Ρ‚Π°ΠΊΠΈΡ… случаях сайт ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Π±ΠΈΡ‚ΡƒΡŽ ссылку вмСсто ΠΏΠ»Π΅Π΅Ρ€Π°, Ρ‡Ρ‚ΠΎ Π½Π΅Π³Π°Ρ‚ΠΈΠ²Π½ΠΎ скаТСтся Π½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΌ ΠΎΠΏΡ‹Ρ‚Π΅.

Настройка Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² ΠΈ конвСртация

Для обСспСчСния максимальной совмСстимости критичСски Π²Π°ΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹Π΅ ΠΊΠΎΠ΄Π΅ΠΊΠΈ ΠΈ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Ρ‹ ΠΏΡ€ΠΈ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΊΠ΅ Π²ΠΈΠ΄Π΅ΠΎΡ„Π°ΠΉΠ»ΠΎΠ². Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚ΠΎΠΌ Π΄Π΅-Ρ„Π°ΠΊΡ‚ΠΎ для Π²Π΅Π±Π° являСтся Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ H.264 Π² ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π΅ MP4, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ поддСрТиваСтся Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹ΠΌ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎΠΌ соврСмСнных устройств ΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ². Однако для ΠΏΠΎΠ»Π½ΠΎΠΉ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ рСкомСндуСтся ΠΈΠΌΠ΅Ρ‚ΡŒ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹Π΅ вСрсии.

Битрикс Π½Π΅ выполняСт ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π°Ρ†ΠΈΡŽ Π²ΠΈΠ΄Π΅ΠΎ "Π½Π° Π»Π΅Ρ‚Ρƒ" ΠΏΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ стандартными срСдствами, поэтому эту Π·Π°Π΄Π°Ρ‡Ρƒ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ Π½Π° этапС ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΊΠΈ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ сторонний софт, Ρ‚Π°ΠΊΠΎΠΉ ΠΊΠ°ΠΊ HandBrake ΠΈΠ»ΠΈ FFmpeg, для создания Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… вСрсий ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ€ΠΎΠ»ΠΈΠΊΠ° с Ρ€Π°Π·Π½Ρ‹ΠΌ Π±ΠΈΡ‚Ρ€Π΅ΠΉΡ‚ΠΎΠΌ ΠΈ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ.

⚠️ Π’Π½ΠΈΠΌΠ°Π½ΠΈΠ΅: Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ возмоТности ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ Битрикс ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒΡΡ Π² зависимости ΠΎΡ‚ Ρ€Π΅Π΄Π°ΠΊΡ†ΠΈΠΈ систСмы (Π‘Ρ‚Π°Ρ€Ρ‚, Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚, БизнСс, ΠœΠ°Π»Ρ‹ΠΉ бизнСс) ΠΈ вСрсии ядра. ВсСгда свСряйтС доступныС ΠΎΠΏΡ†ΠΈΠΈ Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ для вашСй ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠΉ Π»ΠΈΡ†Π΅Π½Π·ΠΈΠΈ.

Адаптивная потоковая ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡Π° (Adaptive Bitrate Streaming) позволяСт ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ качСства, ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π³ΠΎ скорости Π΅Π³ΠΎ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-соСдинСния. РСализация Ρ‚Π°ΠΊΠΎΠΉ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ Π½Π° БитриксС Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ спСциализированных ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ ΠΈΠ»ΠΈ настройки сСрвСра Nginx с ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΌ RTMP для динамичСской Π½Π°Ρ€Π΅Π·ΠΊΠΈ Π²ΠΈΠ΄Π΅ΠΎ Π½Π° сСгмСнты.

ВСхничСскиС трСбования ΠΊ ΠΊΠΎΠ΄Π΅ΠΊΠ°ΠΌ

Для ΡˆΠΈΡ€ΠΎΠΊΠΎΠΉ совмСстимости ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π²ΠΈΠ΄Π΅ΠΎ-ΠΊΠΎΠ΄Π΅ΠΊ H.264 ΠΈ Π°ΡƒΠ΄ΠΈΠΎ-ΠΊΠΎΠ΄Π΅ΠΊ AAC. Π˜Π·Π±Π΅Π³Π°ΠΉΡ‚Π΅ ΡƒΡΡ‚Π°Ρ€Π΅Π²ΡˆΠΈΡ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² Π²Ρ€ΠΎΠ΄Π΅ FLV ΠΈΠ»ΠΈ WMV, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ установки Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€.

ΠŸΡ€ΠΈ Ρ€ΡƒΡ‡Π½ΠΎΠΉ настройкС Ρ‚Π΅Π³ΠΎΠ² Π²ΠΈΠ΄Π΅ΠΎ Π² ΠΊΠΎΠ΄Π΅ страницы ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ ΡƒΠΊΠ°Π·Π°Π½ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ type для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ источника. Π­Ρ‚ΠΎ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ быстрСС ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ подходящий Ρ„Π°ΠΉΠ» ΠΈ Π½Π΅ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ лишниС Π΄Π°Π½Π½Ρ‹Π΅, экономя Ρ‚Ρ€Π°Ρ„ΠΈΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΈ ускоряя старт воспроизвСдСния.

ΠΠ΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ ΠΈ мобильная вСрсия

Π’ эпоху мобильного ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π° отсутствиС адаптивности Ρƒ Π²ΠΈΠ΄Π΅ΠΎΠΏΠ»Π΅Π΅Ρ€Π° ΠΌΠΎΠΆΠ΅Ρ‚ привСсти ΠΊ ΠΏΠΎΡ‚Π΅Ρ€Π΅ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ части Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ. Π’ΠΈΠ΄Π΅ΠΎ Π² Битрикс Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΏΠΎΠ΄ экраны смартфонов ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ΠΎΠ², Π½Π΅ выходя Π·Π° ΠΏΡ€Π΅Π΄Π΅Π»Ρ‹ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° ΠΈ Π½Π΅ создавая Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΡƒΡŽ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΡƒ страницы.

Для Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ адаптивности часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ CSS-Ρ‚Ρ€ΡŽΠΊ с ΠΎΠ±Π΅Ρ€Ρ‚ΠΊΠΎΠΉ Π²ΠΈΠ΄Π΅ΠΎ Π² ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€, ΠΈΠΌΠ΅ΡŽΡ‰ΠΈΠΉ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ Π·Π°Π΄Π°Π½Π½Ρ‹ΠΉ ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚ отступа снизу (padding-bottom). Π­Ρ‚ΠΎ позволяСт ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΈ Π²ΠΈΠ΄Π΅ΠΎ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, 16:9) нСзависимо ΠΎΡ‚ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ экрана устройства.

.video-container {

position: relative;

padding-bottom: 56.25%;

height: 0;

overflow: hidden;

}

.video-container iframe,

.video-container video {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° отобраТСния Π΄ΠΎΠ»ΠΆΠ½Π° ΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ Π½Π° Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹Ρ… устройствах ΠΈΠ»ΠΈ с использованиСм инструмСнтов Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ элСмСнты управлСния ΠΏΠ»Π΅Π΅Ρ€ΠΎΠΌ достаточно ΠΊΡ€ΡƒΠΏΠ½Ρ‹ для наТатия ΠΏΠ°Π»ΡŒΡ†Π΅ΠΌ ΠΈ Π½Π΅ ΠΏΠ΅Ρ€Π΅ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‚ Π²Π°ΠΆΠ½Ρ‹Π΅ Π΄Π΅Ρ‚Π°Π»ΠΈ видСоряда.

πŸ’‘

Адаптивная вСрстка Π²ΠΈΠ΄Π΅ΠΎ β€” ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Π½ΠΈΠ΅ для соврСмСнного сайта, Π²Π»ΠΈΡΡŽΡ‰Π΅Π΅ Π½Π° повСдСнчСскиС Ρ„Π°ΠΊΡ‚ΠΎΡ€Ρ‹ ΠΈ Ρ€Π°Π½ΠΆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π² мобильной Π²Ρ‹Π΄Π°Ρ‡Π΅ поисковых систСм.

Π’Π°ΠΊΠΆΠ΅ стоит ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΎΡ€ΠΈΠ΅Π½Ρ‚Π°Ρ†ΠΈΡŽ устройства: Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π² ΠΏΠΎΡ€Ρ‚Ρ€Π΅Ρ‚Π½ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅, Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ β€” Π² Π»Π°Π½Π΄ΡˆΠ°Ρ„Ρ‚Π½ΠΎΠΌ. ΠŸΠ»Π΅Π΅Ρ€ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π³ΠΈΠ±ΠΊΠΎ ΠΏΠΎΠ΄ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒΡΡ ΠΏΠΎΠ΄ эти измСнСния Π±Π΅Π· нСобходимости ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы.

SEO-оптимизация Π²ΠΈΠ΄Π΅ΠΎΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°

ΠŸΠΎΠΈΡΠΊΠΎΠ²Ρ‹Π΅ систСмы ΡƒΠ΄Π΅Π»ΡΡŽΡ‚ всС большС внимания Π²ΠΈΠ΄Π΅ΠΎΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Ρƒ, ΠΈ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Π°Ρ оптимизация ΠΌΠΎΠΆΠ΅Ρ‚ вывСсти ваш сайт Π² Ρ‚ΠΎΠΏ Π²Ρ‹Π΄Π°Ρ‡ΠΈ ΠΏΠΎ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌ запросам. Π’ Битрикс Π²Π°ΠΆΠ½ΠΎ Π½Π΅ просто Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ, Π½ΠΎ ΠΈ ΡΠΎΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΡ‚ΡŒ Π΅Π³ΠΎ структурированными Π΄Π°Π½Π½Ρ‹ΠΌΠΈ, понятными Ρ€ΠΎΠ±ΠΎΡ‚Π°ΠΌ.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΌΠΈΠΊΡ€ΠΎΡ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΡƒ Schema.org Ρ‚ΠΈΠΏΠ° VideoObject, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ поисковику Π½Π°Π·Π²Π°Π½ΠΈΠ΅, описаниС, Π΄Π»ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΈ URL ΠΎΠ±Π»ΠΎΠΆΠΊΠΈ Ρ€ΠΎΠ»ΠΈΠΊΠ°. Π­Ρ‚ΠΎ позволяСт Ρ„ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹Π΅ сниппСты Π² Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°Ρ… поиска, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°ΡŽΡ‚ большС ΠΊΠ»ΠΈΠΊΠΎΠ².

  • πŸŽ₯ ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ заполняйтС ΠΏΠΎΠ»Π΅ "ОписаниС" для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π²ΠΈΠ΄Π΅ΠΎ Π² ΠΌΠ΅Π΄ΠΈΠ°Ρ‚Π΅ΠΊΠ΅, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова.
  • πŸ“„ Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚Ρƒ сайта для Π²ΠΈΠ΄Π΅ΠΎ (Video Sitemap), Ссли Π½Π° ΠΏΠΎΡ€Ρ‚Π°Π»Π΅ ΠΌΠ½ΠΎΠ³ΠΎ Ρ€ΠΎΠ»ΠΈΠΊΠΎΠ².
  • ⏱ Π£ΠΊΠ°Π·Ρ‹Π²Π°ΠΉΡ‚Π΅ Ρ‚ΠΎΡ‡Π½ΡƒΡŽ Π΄Π»ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ ISO 8601 для ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎΠΉ индСксации.
  • πŸ–Ό Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ качСствСнныС ΠΏΡ€Π΅Π²ΡŒΡŽ (thumbnails), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ€Π΅Π»Π΅Π²Π°Π½Ρ‚Π½Ρ‹ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΡŽ Ρ€ΠΎΠ»ΠΈΠΊΠ°.

ВСкстовоС ΠΎΠΊΡ€ΡƒΠΆΠ΅Π½ΠΈΠ΅ Π²ΠΈΠ΄Π΅ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠ³Ρ€Π°Π΅Ρ‚ Ρ€ΠΎΠ»ΡŒ: Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ h2, h3 ΠΈ Π°Π±Π·Π°Ρ†Ρ‹ тСкста рядом с ΠΏΠ»Π΅Π΅Ρ€ΠΎΠΌ ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ поисковым Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΠ°ΠΌ ΠΏΠΎΠ½ΡΡ‚ΡŒ контСкст. Π˜Π·Π±Π΅Π³Π°ΠΉΡ‚Π΅ ситуаций, ΠΊΠΎΠ³Π΄Π° Π²ΠΈΠ΄Π΅ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΎ Π½Π° страницС Π±Π΅Π· ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π»ΠΈΠ±ΠΎ тСкстового пояснСния.

⚠️ Π’Π½ΠΈΠΌΠ°Π½ΠΈΠ΅: Π§Ρ€Π΅Π·ΠΌΠ΅Ρ€Π½ΠΎΠ΅ использованиС ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… слов Π² описаниях Π²ΠΈΠ΄Π΅ΠΎ (спам) ΠΌΠΎΠΆΠ΅Ρ‚ привСсти ΠΊ санкциям со стороны поисковых систСм. ΠŸΠΈΡˆΠΈΡ‚Π΅ описания СстСствСнным языком, ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ Π½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ.

Часто Π·Π°Π΄Π°Π²Π°Π΅ΠΌΡ‹Π΅ вопросы

Какой ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π²ΠΈΠ΄Π΅ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π² Битрикс?

ВСхничСски ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠ΅ зависит ΠΎΡ‚ настроСк сСрвСра (PHP) ΠΈ Ρ‚Π°Ρ€ΠΈΡ„Π° хостинга. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π² Битрикс часто стоит ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠ΅ Π² 20-50 Мб, Π½ΠΎ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ Π² настройках php.ini ΠΈΠ»ΠΈ Ρ‡Π΅Ρ€Π΅Π· панСль хостинга. Для Ρ„Π°ΠΉΠ»ΠΎΠ² большСго Ρ€Π°Π·ΠΌΠ΅Ρ€Π° рСкомСндуСтся ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ внСшниС хостинги.

ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π»ΠΈ Битрикс Π°Π²Ρ‚ΠΎΠΌΠ°Ρ‚ΠΈΡ‡Π΅ΡΠΊΡƒΡŽ Π³Π΅Π½Π΅Ρ€Π°Ρ†ΠΈΡŽ ΠΏΡ€Π΅Π²ΡŒΡŽ для Π²ΠΈΠ΄Π΅ΠΎ?

Π”Π°, ΠΏΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ Π²ΠΈΠ΄Π΅ΠΎ Π² ΠΌΠ΅Π΄ΠΈΠ°Ρ‚Π΅ΠΊΡƒ Битрикс пытаСтся автоматичСски ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΡ€Π΅Π²ΡŒΡŽ (thumbnail). Однако качСство ΠΈ ΠΌΠΎΠΌΠ΅Π½Ρ‚ Π·Π°Ρ…Π²Π°Ρ‚Π° ΠΊΠ°Π΄Ρ€Π° ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π΅ ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΌΠΈ, поэтому рСкомСндуСтся Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ собствСнный Ρ„Π°ΠΉΠ» ΠΎΠ±Π»ΠΎΠΆΠΊΠΈ Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ для Π»ΡƒΡ‡ΡˆΠ΅Π³ΠΎ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ восприятия.

МоТно Π»ΠΈ Π·Π°Ρ‰ΠΈΡ‚ΠΈΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ Π² Битрикс ΠΎΡ‚ скачивания?

ΠŸΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π·Π°ΠΏΡ€Π΅Ρ‚ΠΈΡ‚ΡŒ скачиваниС Π²ΠΈΠ΄Π΅ΠΎ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ воспроизводится Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, тСхничСски Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π΄Π°Π½Π½Ρ‹Π΅ всС Ρ€Π°Π²Π½ΠΎ ΠΏΠ΅Ρ€Π΅Π΄Π°ΡŽΡ‚ΡΡ Π½Π° устройство ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. Однако ΠΌΠΎΠΆΠ½ΠΎ ΡƒΡΠ»ΠΎΠΆΠ½ΠΈΡ‚ΡŒ процСсс, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ‚ΠΎΠΊΠ΅Π½Ρ‹ доступа, скрытыС ссылки, ΠΏΠΎΡ‚ΠΎΠΊΠΎΠ²ΡƒΡŽ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡Ρƒ (HLS) ΠΈΠ»ΠΈ размСщая Π²ΠΈΠ΄Π΅ΠΎ Π½Π° Π·Π°Ρ‰ΠΈΡ‰Π΅Π½Π½Ρ‹Ρ… ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ… с DRM.

Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ ΠΈΠ· Π’ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Π΅ Π½Π° сайт Битрикс?

ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Π½ΡƒΠΆΠ½ΠΎΠ΅ Π²ΠΈΠ΄Π΅ΠΎ Π’ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Π΅, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ "ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ" ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ "Π­ΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ". Π‘ΠΊΠΎΠΏΠΈΡ€ΡƒΠΉΡ‚Π΅ ΠΊΠΎΠ΄ iframe ΠΈ Π²ΡΡ‚Π°Π²ΡŒΡ‚Π΅ Π΅Π³ΠΎ Π² Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Битрикса Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ исходного ΠΊΠΎΠ΄Π°. Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ настройки приватности Π²ΠΈΠ΄Π΅ΠΎ Π² Π’Πš ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π½Π° сторонних сайтах.