Ответ
Школа файлообмена от Slavegirl Опции темы
Старый 07.08.2020, 22:33
  #11
slavegirl
 
Аватар для slavegirl
Регистрация: 16.09.2012
Сообщений: 4,810

Сообщение от dub Посмотреть сообщение
У тебя наверно дохера свободного времени...
Я просто быстро печатаю (узнать почему). Итак, поехали дальше?


Как я подключила и настроила на своих адалт-сайтах CloudFlare


На самом деле всё было немножко не так. Сам CDN на домены мне подключал и продолжает подключать системный администратор, а потом уже я его настраиваю. Но перед тем, как написать статью, я разобралась, как происходит процесс активации CloudFlare для сайта. Там всё очень просто и занимает не более 5 минут!

1. Нужно зарегистрировать учётку вот здесь и нажать большую кнопочку [+ Add site], она появится прям на главной страничке.

2. Ввести ваш домен, который вы хотите подключить, выбрать тарифный план Free (бесплатный). Наша задачка использовать ключевые фишки сервиса даром.

3. Скопировать и заменить предложенные DNS в настройках вашего домена в панели управления регистратора (например, GoDaddy):


https://dcc.godaddy.com/manage/ADULTBLOG.COM/dns




4. Немножко подождать. Обычно процесс обновления DNS занимает от пары часов до суток (но такое бывает редко). Как только он завершится, вы увидите, что IP-адрес у сайта изменился на IP от CloudFlare. Если вы используете в лисичке плагин Flagfox, то флажок страны вашего хостинга в нём тоже поменяется на американский:





Для тех, кому сложно воспринимать текстовые инструкции, CloudFlare недавно опубликовали обучающий ролик, как добавлять к ним домены. Правда, видео на английском, но интуитивно понятное:





Теперь кратко о том, что такое CDN и зачем оно вообще нам нужно. Аббревиатура CDN расшифровывается как Content Delivery Network (распределённая система доставки контента). Более подробно желающие могут почитать об этой технологии в Вики.

CloudFlare расщепляет наши сайты на кусочки и переносит их на супер быстрые серверы по всему миру. Такими «кусочками» являются: картинки (логотипы, кнопки, фоновые изображения и т.д.), JavaScript-файлы и CSS-стили. Если на сайте используются статические HTML-странички, они тоже кешируются. И, к примеру, если мы купили хостинг в Латвии, а посетитель заходит к нам из Австралии, то (по моей личной статистике) около 70% содержимого сайтов не загружается с нашего хостинга (который может тупить, если он дешёвенький), а с CDN-серверов где-нибудь в Мельбурне или Сиднее, которые находятся ближе всего к потребителю. Поэтому сайты визуально сразу же начинают открываться быстрее. Но нужна донастройка.

В верхней части CloudFlare находится панелька с разными категориями и наборами опций. Начну по порядку, какие из них я меняла:




SSL/TLS





Этот переключатель обозначает, что на сайт добавляется бесплатный сертификат, предложенный самим CloudFlare, выбирать и изменять его мы не можем. Вернее так, сертификат находится на самом сервисе и подключение "сайт <-> CloudFlare" выполняется по HTTP-соединению, но подключение "CloudFlare <-> пользователь" происходит уже по HTTPS. На сайте появится «замочек», чего нам вполне достаточно:





Хотя постеры (с которыми я общаюсь), иногда пишут, что доверия у пользователей больше к сайтам, у которых платный сертификат. Это действительно так. Но в случаях, если речь идёт об онлайн-банкингах и прочих сайтах, напрямую связанных с безопасностью и конфиденциальностью данных. В нашем же случае достаточно и того, что с сайта наконец исчезнет раздражающая надпись: "Подключение не защищено" в адресной строчке браузера. И к тому же, обычные пользователи в большинстве своём вообще далеки от всех этих технологий и тонкостей, на этом можно сыграть и сэкономить.


Примечание: я буду приводить некоторые скриншоты с примерами с других общеизвестных сайтов, чтобы не ретушировать названия своих. И небольшая рекомендация: никогда не давайте адреса своих блогов (не форумов) другим постерам, даже если очень просят и типа вызываются помочь что-то настроить. Это может вылиться в очень неприятные последствия, которые потом будут тянуться годами... Уже был печальный опыт.





Если включить эту опцию, CloudFlare будет искать на страничках сайта все опубликованные ссылки HTTP и переделывать их в HTTPS, перед тем как показать сайт пользователю. Без неё шифрование окажется неполноценным и возле замочка будет нарисован жёлтый треугольник (проблема называется "наличие смешанного контента"). К примеру, 2 года назад в старых постах мы опубликовали картинки с фотохостинга, который был ещё на HTTP, а сейчас он уже поддерживает HTTPS. Чтобы не редактировать старые публикации - эта опция в самый раз, всё исправится само!


Firewall





Эта опция включает «продвинутые» технологии определения плохих ботов и парсеров, которые могут сильно нагружать сайты. Но ещё совсем недавно она работала в экспрементальном режиме, поэтому может по ошибке блокировать запросы к сайту и от «нормальных» посетителей. К примеру, если на сайте используется какое-либо API, авто-постинг и т.п., и это всё начинает глючить, тогда придётся вернуть переключатель в положение «OFF».





В выпадающей менюшке можно выбрать, сколько времени будут действовать cookies, которые CloudFlare запишет в браузер «нормальному» пользователю. Когда сервис считает, что посетитель какой-то «подозрительный», он показывает ему или 5-секундную страничку ожидания, или даже просит решить капчу. Когда пользователь справляется с этой задачей, его отмечают через cookies, что пока человека трогать не нужно - он не ботик.

Именно этим параметром можно регулировать такую задержку между испытаниями. Когда время истечёт, подозрительный пользователь снова будет вынужден пройти тест на принадлежность к человеческой расе.





С помощью этой настройки я сообщила CloudFlare, что всем, кто заходит на мои сайты через TOR, нужно обязательно показывать капчу. А также указала ASN-номер провайдера (на скриншоте название заменила на пример), для которого не нужно выполнять никаких проверок ни при каких условиях, даже если с него будет много автоматических запросов (это позволяет беспрепятственно выполнять авто-постинг на своих сайтах с этого провайдера). Важно: настройка действует сразу для всех сайтов в учётке!





Пожалуй, самая интересная секция на CloudFlare. Здесь можно с помощью «продвинутых» правил разрешать, ограничивать или вовсе запрещать доступ к сайту различным группам пользователей. Правда, запрещать доступ совсем-совсем кому-либо я не рекомендую, пусть лучше самые злостные из них проходят капчу.

К примеру, если добавить вот такое правило и установить для него действие "Challenge", это моментально будет выводить капчу для топа нехороших (или просто бесполезных, но очень наглых) ботиков и парсеров, которые мне встречались за всё это время:

https://pastebin.com/S6vWUpKy

Вставить уже готовый код правила можно через кнопочку [Edit expression] в самом его низу:





В следующих своих статьях я более подробно опишу, как с помощью CloudFlare (и не только) делать так, чтобы нас не парсили.

Примечание: название «Challenge» в Firewall обозначает, что нужно выводить капчу; «JS Challenge» - это 5-секундная страничка ожидания. Правила выполняются в порядке следования, сверху вниз, расположенные выше имеют более высокий приоритет. Их можно менять местами, перетаскивая мышкой.


Speed





А здесь мы можем отметить галочками, какие именно типы файлов мы бы хотели сжать для более быстрой загрузки по сети страничек сайта. Картинки CloudFlare кеширует по-умолчанию, а вот остальное приходится указывать вручную... При сжатии красивенькие и читабельно оформленные программистами JS- и CSS-файлы, превращаются в ужасно нечитабельный, но очень компактный вид. Размер кода, за счёт удаления лишних пробелов и отступов, уменьшается в среднем в 1,2-1,5 раза. Кстати, для более сильного сжатия JS-файлов можно использовать сервис от CleanCSS, у него коэффициент компрессии иногда достигает 2-3 кратного уменьшения исходников. Но зачем, когда есть галочки от CloudFlare!





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





Rocket Loader позволяет ускорить отрисовку страничек, на которых используется JavaScript. По-умолчанию все внешние скрипты на сайте загружаются в асинхронном режиме, а локальные - в синхронном, в порядке их следования в HTML-коде (если не добавить к ним специальный параметр async). Так вот, Rocket Loader приписывает этот специальный атрибут к локальным скриптам и они начинают загружаться и выполняться в самые произвольные моменты, как этого «захочет» браузер пользователя в целях оптимизации показа запрашиваемой странички. Правда, есть одно но... Если на сайте используются локальные скрипты типа jQuery или подобных фреймворков, при неправильном использовании вызываемых из них функций в совокупности с Rocket Loader они могут начать глючить. Поэтому, если такое происходит, нужно либо добавлять к некоторым скриптам атрибут cfasync="false", либо выключить Rocket Loader полностью, пожать плечами и смириться с этим...


Cache





Здесь всё просто. В выпадающей менюшке мы выбираем время, на протяжении которого наши картинки, скрипты и стили будут находиться в кеше CloudFlare. Даже если удалить какую-нибудь картинку с сервера, на сайте она никуда не исчезнет и будет отображаться вроде мы её и не удаляли. Пока не пройдёт месяц (или сколько мы там укажем), тогда CloudFlare попытается снова скачать эту картинку с нашего сервера и «приютить» у себя.

Но что делать, когда мы не удаляли, а просто отредактировали картинку (например, заменили рекламный баннер на новый), а по её адресу по-прежнему отображается старая копия? Причём клавиши CTRL+F5 в браузере тоже не помогают. Здесь нам на помощь приходит следующий инструмент:





На этой страничке можно как указать адреса конкретных файлов, которые нужно обновить, так и очистить кэш полностью (кнопочки [Custom Purge] и [Purge Everything] соответственно). Правда, нужно быть готовыми к тому, что после полной очистки кеша нагрузка на сайт может на некоторое время возрасти, пока CloudFlare не скачает все его элементы обратно к себе.

Кстати, если вы на протяжении длительного времени вносите правки в код и структуру сайта, например, настраиваете шаблон оформления на блоге, удобнее всего временно отключить кеш полностью с помощью переключателя во вкладке Overview, он называется [Development Mode] («Режим разработчика»):





Сами ранее кешированные файлы не пострадают, они сразу станут доступны после возвращения переключателя обратно. Там же можно включить экстренную защиту, когда вы вдруг обнаружили, что ваш сайт ддосят или наглейшим образом парсят, создавая непомерную нагрузку на сервер (соседняя кнопочка [Under Attack] - «Сайт атакуют!»).


Page Rules





В этой секции можно указать специальные правила, которые будут действовать только для определённых категорий блога, его страничек или даже отдельных файлов. Их можно использовать для защиты формы логина, отключения/включения кеша, сжатия и большинства вышеописанных настроек, но только для отдельных элементов сайта, а не всего его целиком.

К примеру, на скриншоте выше я включила кеширование для видео-файлов MP4, которые я периодически загружаю на блоги и использую их в качестве мини-трейлеров в своих постах (вместо устаревших и тормозящих GIF-ок). Но MP4 на CloudFlare по-умолчанию не кешируются, это нужно указывать вручную.


Network





Если мы хоть немножко умеем программировать и разбираемся в исходном коде своих сайтов, с помощью определения геопозиции пользователя мы можем, например, сделать так, что когда посетитель заходит из конкретной страны (Россия, Украина, Казахстан, Индия...), мы ему показываем «нерабочие» ссылки на скачивание. Раньше для определения Geo я использовала базу IP-адресов от сервиса SypexGeo, но её нужно было часто обновлять вручную, постоянно скачивая к себе на сайты. Теперь есть галочка от CloudFlare и волшебный параметр "CF-IPCountry", который передаётся в заголовке запроса к сайту.


Hotlink Protection





Выше я умомянула, что свои блоги ни в коем случае нельзя показывать другим. Но иногда их обнаруживают и начинаются сильно неприятные вещи... Может быть вам уже попадались в сети точные копии PlanetSuzy, Extreme-Board и прочих адалт-сайтов, но со странными адресами. Другими адресами. На самом деле это не их владельцы решили сделать резервные зеркала для своих сайтов, это хитрым вебмастерам захотелось использовать первоисточники в своих интересах (для перехвата доменных продаж). На таких «клонах» обычно используется только оболочка сайта, никакой базы данных с сообщениями и пользователями там нет, они загружают все ресурсы с оригинального сайта и просто выводят их на экран, тем самым создавая дополнительную нагрузку уже нашим серверам. Особенно, когда эти клоны начинают сканировать поисковики, у нас в плане нагрузки начинается «тихий ужас».

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


Вроде никакую важную опцию не пропустила. Именно их я и настраивала на своих блогах и форумах (отличия от сайта к сайту у меня минимальные, различаются в основном только списки блокировки). Но если вам интересно что-нибудь ещё узнать от меня о CloudFlare, вы можете задавать вопросы в этом топике.


***

Упс... забыла упомянуть важный моментик. Наличие CloudFlare на сайте также скрывает в WHOIS, какой именно хостинг мы используем. Ну, вы поняли, зачем это нужно.
Нравится 10   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием
Нравится:
Старый 08.08.2020, 00:27
  #12
Dr.Bot
 
Аватар для Dr.Bot
Регистрация: 17.04.2011
Сообщений: 772

slavegirl, забыла добавить про 301 редирект для www на non-www в Page Rules, это необходимо делать для всех сайтов. Также Auto minify для javascript, может сломать ваш сайт, если хотя бы в 1 скрипте будет ошибка, такое часто бывает в старых плагинах, если у вас после активации сломалось, то отключите. Не советую использовать Bot Fight Mode на сайте с более 50к трафика в день, отрезало 10%, что сразу было заметно на кол-ве закачек, эта функция до сих пор экспериментальная.

Ну и не забывайте, если у Вас серьёзный проект, то не надо оставлять сайт работать как HTTP версию, обязательно замените все ссылки в базе данных на HTTPS, это предохранит Вас в будущем от ситуации если придётся отключить CF, а такое может случится, так-как его постоянно банят в разных странах и он уже 2 раза на долгое время падал за последний год (не все сайты, но 50% точно).

В целом очень хорошо расписано, всем своим клиентам я настраиваю точно также, так что советую всем прислушаться, особенно хейтерам, которые игнорируют автора...
Нравится 4   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием
Нравится:
Старый 08.08.2020, 01:35
  #13
slavegirl
 
Аватар для slavegirl
Регистрация: 16.09.2012
Сообщений: 4,810

Сообщение от Dr.Bot Посмотреть сообщение
забыла добавить про 301 редирект для www на non-www
У меня такое работает, но не через CloudFlare. Там у админа что-то не получилось нормально настроить.

А ещё я на форумах всё никак не подключу этот HTTPS от CloudFlare, хотя пора бы уже... Только на блогах сделала. Просто на форумах этому мешают несколько дополняшек, которые я когда-то добавила, а удалить их теперь сильно проблематично (кое-что сломается). А из-за них получается то же, что и со «смешанным контентом», возле замочка треугольник жёлтый рисуется.


Подожду, когда на PlanetSuzy это сделают, потом уже и я.
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием
Старый 16.08.2020, 08:24
  #14
slavegirl
 
Аватар для slavegirl
Регистрация: 16.09.2012
Сообщений: 4,810

Как я оформляю свои публикации для увеличения продаж


Наверное, можно было бы просто выложить здесь ссылку на один из своих постов и на этом поставить точку. Написав при этом что-то вроде: "Вот вам пример, разбирайтесь сами!". Но мы ведь не ищем лёгких путей, верно? Поэтому я постараюсь максимально подробно, по пунктикам объяснить все тонкости такой, казалось бы, элементарной вещи как «упаковка цифрового товара». Итак, пристегните ремни и вдохните поглубже, погружение в мир высоких конверсий будет увлекательным и интересным!


Картинки





Обложка, постер, главный (и наиболее удачный) кадр из видео — это самое сердце поста. Названий у этого элемента много, но суть только одна. В IT-кругах и в сфере публицистики его называют аббревиатурой КДПВ (Картинка Для Привлечения Внимания). Этим приёмом пользуются профессиональные блогеры, в том числе видео-блогеры, авторы новостей, рекламные агентства, чтобы заинтересовать читателя или потенциального клиента. КДПВ призвана мотивировать пользователя перейти по ссылке и/или прочесть новость.

Мы ничем не хуже гигантов IT-индустрии и смело можем пользоваться теми же методами и наработками что и они. Правда здесь есть один существенный недостаток... В большинстве случаев КДПВ приходится выбирать всё вдумчивее и изощрённей, часто на поиск и отбор этой главной картинки времени уходит больше, чем на всё остальное оформление поста. Но если этого не сделать, публикация рискует затеряться среди множества прочего «мусора» и спама, которым с каждым годом всё больше и больше пополняется Интернет. Поэтому нужно учиться ВЫДЕЛЯТЬСЯ.

Картинку я размещаю на первом месте, в самом начале поста. Выше неё ничего существенного касательно содержимого поста у меня нет. Так как зрение у человека устроено таким образом, что мы сначала замечаем цвет самого большого объекта в зоне видимости, далее его очертания (фигуру), и только потом сопутствующие надписи (плюс к этому при анализе визуально-текстовых объектов взгляд чаще всего движется по направлению сверху вниз), если добавить какую-либо текстовую информацию выше картинки, существует ненулевая вероятность, что пользователь её попросту не заметит и проигнорирует — КДПВ «оттянет» на себя всё внимание. По этому же принципу работают знаки дорожного движения, оформление страничек с роликами на YouTube, и даже дизайнеры самого PornHub следуют этим простым правилам физиологии человека.

Обложки я публикую в самом высоком разрешении, которое удаётся найти или получить программным путём. Даже если колонка самой публикации изначально имеет ширину меньше ширины этой картинки. Согласно последнему исследованию в области SEO, ключевыми факторами, которые влияют на позицию сайта в поисковой выдаче, являются:

  1. Качество изображения.
  2. Контекст изображения.
  3. Наименее значимый фактор — уникальность изображений.

Докладчик опирается на метрику, связанную с разрешением изображения. Картинки с более высоким разрешением обычно работают намного лучше, чем те, что помельче. «Гурманы SEO» подробнее об этом исследовании могут почитать вот здесь: Как занять ТОП при помощи одного изображения.

К тому же, наверное, вы и сами не раз замечали, что если выполнить поиск в Google.Images, то в топе чаще всего будут находиться сайты, на которых искомая картинка присутствует в максимальном (или около того) разрешении:

https://www.google.com/searchbyimage...16%2FdlRWx.jpg

Так как CloudFlare по-умолчанию помещает картинки в свой кэш, отрисовка странички происходит довольно быстро даже при сравнительно больших размерах файла. Но слишком уж издеваться над трафиком пользователей не стоит, если имеется возможность сжать графику без заметных потерь — лучше этим воспользоваться. Для такого у меня есть «Photoshop > Сохранить для Web» и замечательная программка FileOptimizer. И в первом, и во втором случае присутствует пакетная обработка файлов.

Проблему с тем, что изображение не влазит в колонку поста, я решаю с помощью простенького CSS-свойства:

img {
  max-width: 100%;
}
Устанавливать для этого какие-либо JavaScript-дополняшки, как это сделано на Ребилми или PlanetSuzy, совсем не обязательно.

Картинки у меня можно увеличивать. Вот прям так сразу, нажимаешь мышкой — и зум становится в 2 раза больше, успевай только водить курсором и тщательно изучать части обнажённого человеческого тела. И не нужно открывать ещё одну вкладку в браузере, чтобы посмотреть на изображение поближе. 2020 год на дворе, юзабилити и всё такое! Как это работает можно подсмотреть на моих форумах на любой из картинок, нужно просто кликнуть по ней мышкой и не отпускать.

От выкладывания скринлистов, которые умеет создавать давно известное всем приложение Video Thumbnail Maker, я потихоньку уже отказываюсь, ниже объясню почему.


Название видео


Здесь всё просто. Название ролика у меня размещается под обложкой и имеет чуточку больший размер шрифта, нежели остальной текст.

Важно! Если у вас на сайте установлен плагин, который «обреза...» длинные строчки, в том числе это касается списка релевантных публикаций, не забудьте проверить, чтобы у элемента был установлен атрибут title="Текст которого содержит полное название видео". Подробнее на эту тему я отвечала недавно на сёрче:


https://searchengines.guru/ru/forum/1035607




Описание и технические детали


Только самая важная информация! Имена моделей, студия/платник, страна и дата производства, список жанров/поджанров, формат, разрешение, длительность видео и размер файла. И никакого:

Average bitrate: 10113 kb/s
Audio: aac, 48000 Hz, stereo
Video: h264, yuv420p, 29.97 fps(r)
При желании такое можно прятать под спойлер, но лучше не пугать лишний раз подрастающее «поколение Z» терминами, наличие которых на страничке похоже на сообщения об ошибках программного кода.

Будьте готовы частично спрятать под спойлер также и текстовое описание ролика, чтобы сделать пост ещё более компактным. Хоть дополнительное описания и несёт в себе огромную пользу в плане SEO с его обязательными ключевыми словами для поиска, но к нам на сайты люди приходят далеко не читать...





Выравнивание текста и графических элементов


С детства мы все привыкли, что начало каждой новой строчки текста находится слева. Арабы и любители суши с нами немножко не согласятся, но это такое. Поэтому глазки большинства американцев и европейцев (а именно они и интересуют нас в первую очередь) автоматически «цепляются» именно за левый край, когда читают и смотрят всё то, что мы для них насочиняли. Если выравнивание выполнить по центру, как делают некоторые из вебмастеров, у посетителей в голове возникает небольшой дискомфорт и дезориентация. А этого нужно всячески избегать. Чем меньше неприятных ощущений возникает во время пользования нашим сайтом, тем выше вероятность его добавления в закладки и повторного возвращения клиента в будущем. Левостороннее выравнивание даёт +5% к нашему магическому опыту и +10% устойчивости к проклятиям.

Примечание. Текст по центру можно размещать без каких-либо опасений, если это, к примеру, описание к картинке:





Это — моя авка


Шрифты, цвет текста и его размер


Если уж наш пост настолько сильно заинтересовал пользователя, что он начал читать его длиннющее описание (пока тикает таймер на страничке скачивания файла), процесс чтения при этом должен быть максимально комфортным. Можно выехать к нему на дом и сделать массаж, но существуют более простые, тем не менее эффективные методы доставить человеку удовольствие. К ним относятся:
  • Высокая контрастность между текстом и фоном обеспечивает блестящий уровень читаемости. Белый текст на сером фоне или чёрный на коричневом — хороший способ заставить потенциального клиента потянутся к крестику на вкладке.
  • Слишком мелкий текст или узкий межстрочный интервал на сайте заставят пользователя постоянно щуриться, при этом он может случайно пропустить форму оплаты на файлообменнике, в результате чего мы рискуем остаться без денежки:

  • Лучше использовать шрифты без «засечек». Дело в том, что по результатам некоторых исследований было доказано, что такое начертание шрифтов вызывает меньшую усталость глаз, и люди дольше могут читать тексты, особенно с монитора. А чем дольше они читают, тем больше времени находятся у нас на сайте и тем меньше вероятность, что произойдёт возвращение в результаты поиска Google. А если нету возвратов — это показатель хороших поведенческих факторов и сайт потихоньку, шажочок за шажочком повышается в SERP, показывая через плечо язык конкурентам.


    ЭТО ШРИФТ С «ЗАСЕЧКАМИ»

    ЭТО ШРИФТ БЕЗ «ЗАСЕЧЕК»



    Примечание. Шрифты с «засечками» можно использовать, если у вас сайт посвящён тематике Spanking & Caning.


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


Кнопки скачивания


Если кратко, эти кнопочки у меня большие, яркие и красивые! Время сейчас такое, на сайте нужно всего по минимуму — одна большая кнопка «DOWNLOAD» и вторая «СПУСТИТЬ БРЮКИ КЛИЕНТУ». Кнопки я не размещаю рядом со ссылками на скачивание, они сами и есть эти ссылки. Правда здесь имеется одна не очевидная на первый взгляд тонкость...

Дело в том, что если публиковать длинные ссылки, те, что с именем файла, они могут нести в себе дополнительные ключевые слова в так называемом «якоре» (анкоре). Это полезно для SEO, если избегать «переспама» (нужно всего лишь, чтобы имя файла немножко отличалось от названия, указанного под обложкой). А вот большая кнопка «СКАЧАТЬ» — это мишень, в которую сложно не попасть, даже когда обе руки посетителя находятся в массажном масле. Поэтому я решила чередовать их: в одних постах у меня кнопки, в других — обычные, но крайне полезные ссылки.

Цвет кнопки решает всё! По крайней мере так говорят. Но я не заметила существенной разницы между количеством кликов по зелёным, синим, красным и даже разноцветным их вариациям. Хотя в учебниках пишут, что зелёный цвет ассоциируется у пользователя с функциями: "скачать, что-то получить из Сети", синий: "поделиться, отправить файл в Сеть, зарегистрироваться где-нибудь". А красный — "Нажимай эту штуковину только в самом крайнем случае!". Но если дизайн сайта выполнен в красных тонах, то органичнее всего там будет смотреться именно красная кнопочка, но никак не синяя или зелёная. Поэтому вопрос с выбором цвета вам придётся решать самостоятельно, в индивидуальном порядке.


Трейлеры к видео


А вот здесь я попытаюсь неубедительно объяснить, почему я потихоньку начинаю отказываться от продуктов жизнедеятельности такой крайне полезной программки как Video Thumbnail Maker. Дело в том, что КДПВ (или главная обложка ролика) — это всего лишь начальный инструмент, чтобы в первые 1-2 секунды заинтересовать пользователя и заставить его обратить внимание именно на наш пост среди десятков таких же, но чужих публикаций («подмигнуть» или улыбнуться ему в толпе на перекрёстке):





Но далее, когда нас всё-таки заметили, спустя уже пару мгновений вся магия этой главной картинки начинает стремительно угасать. И если не показать клиенту в ближайший момент нечто большее [о ролике], он развернётся и продолжит дальше «топать по улице» в неизвестном направлении. «Зацепкой» номер 2 для подобных случаев всегда выступал скринлист от VTM. Но в век перенасыщения Интернета контентом и катастрофической нехватки свободного времени разглядывание и изучение сцен из видео по миниатюрам 200х150 пикселей — такое себе удовольствие... Особенно, если удачных кадров там — один на тысячу.

И мне захотелось большего! Я начала экспериментировать, пробовать различные варианты. Мне нужно было удержать посетителя на страничке хотя бы 10-15 секунд, а дальше он уже всё сделает сам. И я стала добавлять в посты гифки:





Femdom scene 001


Download from FileHost.com: FMD_001.wmv - 166 MB

Сейчас это выглядит как ужас-ужас и полнейшее убожество, в основном из-за сверх низкого качества картинок, но тогда это считалось вершиной мастерства в оформлении и подаче материала!

Чуточку позже разработчикам и лисички, и Chrome удалось наконец внедрить нормальную поддержку новой технологии под названием «HTML5 Video» в свои браузеры, и я потихоньку начала переключаться на неё. Тег <video> в сочетании с вручную вырезанными 15-30 секундными фрагментами из не самых ванильных видео действительно начал творить чудеса!

Длительность сессий, трафик на сайтах и продажи стали расти как на дрожжах! Но одновременно с мешками под моими глазами... Так как времени на создание каждого трейлера уходило чуть более, чем вечность. Плюс к этому всему прибавилось ещё несколько неприятных минусов. Все эти трейлеры приходилось размещать на своих хостингах, а это: 1) захламление далеко «не резинового» хранилища; 2) повышение давления от абузеров на мою и так ранимую психику; 3) потенциальные проблемы от CloudFlare из-за кеширования у них этих вот MP4-файлов и, как пишут у них в блоге, вероятность принудительного перевода на дорогостоящий тариф с неопределённой ценой. В общем, у меня всё чаще начали возникать мысли, что я себя накручиваю, Video Thumbnail Maker — не такой уж и плохой вариант, пусть и с меньшим потенциалом в юзабилити/конверсии, но хоть не такой проблемный...

И тут, как по мановению волшебной палочки, на рынок постепенно начали выходить файлообменники с функцией онлайн-просмотра и встроенными плеерами. Другими словами, все те проблемы (хранение трейлеров, абузы на них и кеширование для быстрой загрузки) стали уже как бы и не мои проблемы. Добавляешь код подключения на сайт — и трейлер к ролику готов! Даже вырезать ничего в Adobe Premiere больше не нужно. Всё само, автоматически.

А трейлер к ролику в 2020 году — это как скринлист, только в десять раз лучше по конверсии! Даже не так... не существует в природе таких статичных картинок, которые могли бы мотивировать клиента на покупку премиума сильнее, чем это делает онлайн-предпросмотр кусочка видео.

Поэтому оформление всё большего количества моих публикаций заканчивается именно трейлерами, а не скринлистами с миниатюрами.


P.S. Если кому-то интересно, я могу рассказать, как быстрее всего можно преобразовать устаревшие гифки (если они у вас до сих пор используются) в MP4-формат при одновременном уменьшении файла в 5-10 раз. К сожалению, качество самой картинки при этом не улучшится, только уменьшится её размер и нагрузка на браузер при воспроизведении.


Статья написана за 2 часа 14 минут с помощью слепого метода набора и моей любимой ультра тихой slim-клавиатуры, при поддержке удобной спинки ортопедического кресла.
Нравится 3   Не нравится 1
Пожаловаться на это сообщение 0  
Ответить с цитированием
Нравится:
Не нравится:
Старый 18.08.2020, 18:30
  #15
Pavel
 
Регистрация: 26.05.2015
Сообщений: 64

Интересно было почитать, спасибо!
Нравится 1   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием
Нравится:
Старый 19.08.2020, 10:31
  #16
sonya
 
Регистрация: 18.05.2017
Сообщений: 278

slavegirl молодец!
Только у меня вот эти пункты "картинки в максимальном разрешении, гифки" ужас вызывают)) А как же pagespeed? Гугел вроде сейчас серьезно ранжирует этот параметр
Нравится 1   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием
Нравится:
Старый 19.08.2020, 12:27
  #17
slavegirl
 
Аватар для slavegirl
Регистрация: 16.09.2012
Сообщений: 4,810

Сообщение от sonya Посмотреть сообщение
А как же pagespeed?
Картинки просто на CloudFlare находятся, загружаются они молниеносно! И там у меня не 5000х5000 пикселей, я не настолько садистка.


А гифок почти не осталось у меня, я их в MP4 переделала, этот формат занимает гораздо меньше места и воспроизводится быстрее. На одних сайтах <video> использую, на других онлайн-плеер с файлообменника добавляю. Но уже никаких гифок.

А вот по поводу PageSpeed... этот инструмент действительно очень полезный и по возможности нужно следовать всем описанным там рекомендациям. Но при этом существует одна интересная версия из области «теорий заговора»:


Нравится 1   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием
Нравится:
Старый 08.10.2020, 18:53
  #18
Zlat
 
Регистрация: 15.04.2015
Сообщений: 119

Сообщение от Dr.Bot Посмотреть сообщение
Ну и не забывайте, если у Вас серьёзный проект, то не надо оставлять сайт работать как HTTP версию, обязательно замените все ссылки в базе данных на HTTPS, это предохранит Вас в будущем от ситуации если придётся отключить CF, а такое может случится, так-как его постоянно банят в разных странах и он уже 2 раза на долгое время падал за последний год (не все сайты, но 50% точно).
Это можно сделать при помощи cloudflare? Или каким образом?

Сообщение от slavegirl Посмотреть сообщение
В следующих своих статьях я более подробно опишу, как с помощью CloudFlare (и не только) делать так, чтобы нас не парсили.
Когда можно ожидать статей по этой теме? )
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием
Старый 12.10.2020, 18:30
  #19
dina
 
Регистрация: 10.01.2013
Сообщений: 652

из выше изложенного я понял, что данный сервис прогружает мой сайт со своих серверов который расположены ближе к юзеру. поэтому сайт подгружается быстрей и становится более скоростным. отсюда вопрос - при этом уменьшается нагрузка на сервера моего хостера али нет? Кто знает?
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием
Старый 12.10.2020, 21:40
  #20
Matrix
 
Аватар для Matrix
Регистрация: 03.06.2016
Сообщений: 1,099

Сообщение от dina Посмотреть сообщение
при этом уменьшается нагрузка на сервера моего хостера али нет?
Нагрузка уменьшается за счет кеширования на клоудфларе. Про сервера которые ближе к юзеру - вы ошибаетесь. Нагрузка так же снижается за счет блокирования всякой грязи из их черного списка. Так же защищают от мелких досс аттак - для защиты от крупных требуется платный ак.
Не защищает от нагрузок плохих ботов типа SemrushBot python-requests AhrefsBot которые делают всего по 2 запроса и все время с разных айпи - для их блокировки лучше использовать .htaccess в корне вашего сайта.
пример я уже раньше выкладывал:


в .htaccess вставить внизу
рабочий вариант для кэмел-хоста

SetEnvIfNoCase user-Agent "AhrefsBot/6.1" bad_bot
SetEnvIfNoCase user-Agent "python-requests/2.19.1" bad_bot
SetEnvIfNoCase user-Agent "python-requests/2.12.4" bad_bot
SetEnvIfNoCase user-Agent "SemrushBot" bad_bot
<Limit GET POST HEAD>
Order Allow,Deny
Allow from all
Deny from env=bad_bot
</limit>


какие боты атакуют ваш сайт можно посмотреть в логах сервера и дополнить указанный список

Нравится 1   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием
Нравится:

Ответ
 
 

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Telegram - идеальный мессенджер для файлообмена slavegirl Файлообмен 26 08.05.2019 07:36
Индустрия файлообмена - общие вопросы и новости Koli-Bri Файлообмен 208 09.08.2013 00:35

Метки
заработок, лайфхаки, обучение постингу, тренды, файлообменник


Здесь присутствуют: 1 (пользователей: 0, гостей: 1)
 
Опции темы

Быстрый переход


Текущее время: 07:34. Часовой пояс GMT +3.