Как сделать всплывающие изображения в WordPress без плагина. Части этой страницы такие как изображения не защищены wordpress
html - Я использую Firefox, и иногда он говорит: "Некоторые части этой страницы не защищены, например, изображения". Что считается небезопасным?
Мы вынуждены исказить текст в ответ на заблокированную Вами рекламу
Так как проект зависит от показов рекламы, пожалуйста, внесите наш сайт в список разрешенных сайтов вашего блокировщика рекламы.Мы уверены, что данный сайт, неоднократно Вам помогал решить вашу проблему. И мы убеждены, что он будет помогать вам в дальнейшем.
Если у вас включены cookie, мы оставим рекламу только в правой колонке сайта
Все, что доставлено по небезопасному каналу.
В общем, это означает, что разработчик веб-страницы объединяет URL-адреса на основе HTTP с URL-адресами на основе HTTPS на той же странице. URL-адреса могут быть для изображений, а также для JavaScript, CSS или чего-либо еще, на которые можно ссылаться с веб-страницы. Как пользователь, вы мало что можете сделать по этому поводу - это предупреждение о том, что есть вероятность, что ваши данные могут быть доставлены на другие серверы открытым, незашифрованным способом через Интернет. Это Bad Thing, но вы не можете многое сделать, кроме как избежать этого сайта или связаться с администрацией или веб-мастером для сайта.
Если вы разработчик, большую часть времени вы можете использовать URL-адреса, относящиеся к схеме, при обращении к изображениям или javascript и т.д.
то есть. Вместо этого:
<img src="http://example.com/dot.png">используйте это:
<img src="//example.com/dot.png">YMMV.
Смотрите также: https://url.spec.whatwg.org/
ответ дан Alan McBee 14 дек. '15 в 20:45 источник поделитьсяqaru.site
Изображения и картинки во всплывабщих окнах в Wordpress
Всем привет! Недавно мне захотелось сделать так, чтобы на этом сайте изображения не просто лежали в статьях мертвым грузом, а открывались во всплывающих окнах в полном размере. Точнее это даже не окна, а картинка с подложкой. И я, конечно же, хочу с вами поделиться этим рецептом. Сразу скажу, что я все делал на свой вкус, поэтому не факт, что мои всплывающие изображения придутся по вкусу и вам. В общем, сегодняшняя тема – всплывающие изображения на Вордпресс.
Почему лучше сделать, чтобы изображения открывались в полный размер во всплывающих окнах
Причин для этого несколько, но все они сводятся к банальному удобству для пользователей. Потому что некоторые картинки, на которые пользователь не хотел бы обращать внимания, не должны занимать огромное количество места на странице.
В то же время некоторые другие картинки не полностью помещаются в рамки контейнера под контент. Этот контейнер из-за сайдбара (боковой панели) явно ограничен в ширину. А на некоторых блогах, я бы сказал, даже ОЧЕНЬ ограничен. А так в контейнере можно показать уменьшенное изображение (превьюху), а при клике на него открыть полное большое изображение, которое будет шире контейнера и нависать над сайдбаром (или над двумя). Даже можно сделать картинку на всю ширину страницы. Это уже на ваше усмотрение.
Пример. Кликни на него!
Еще одна причина, почему лучше сделать, чтобы картинки открывались на полный размер при клике – это сами клики. Если вы хоть немного интересовались SEO, то слышали про поведенческий фактор. То есть поисковикам нравится, когда пользователи сайта ведут себя активно на нем. Вот мы и предоставим им возможность лишний раз сделать клик. И им удобней и нам (вебмастерам) выгодно. Все в выигрыше.
Подготовка изображений к открытию по клику
Вспомните, как вы вставляете изображения в статью в админке Вордпресса. Обычно это выглядит так:
- Кнопка «Добавить медиафайл».
- Вкладка «Загрузить медиафайл».
- Кнопка «Вставить в запись».
А потом уже на странице мы регулируем размер картинки, если она сильно большая. Выравниваем ее посередине или сбоку. Ну, может быть, еще подписываем. Всё!
Теперь вы будете делать немного по-другому. Либо перед вставкой в текст, либо после (я делаю после) нужно будет добавить еще пару параметров вашим изображениям в статьях.
- Кнопка «Добавить медиафайл».
- Вкладка «Загрузить медиафайл».
- Кнопка «Вставить в запись».
- Клик на изображение, клик на кнопку «Изменить» (карандашик).
- В поле ссылка в выпадающем списке выбираем «Медиафайл».
Смотрите, что мы сделали. Мы сказали Вордпрессу, чтобы он обернул эту картинку в ссылку (тег <a></a>). И ссылка эта ссылается на нашу картинку в полном размере. Теперь даже если мы вставим в статью уменьшенную картинку, то при клике на нее у нас откроется большая картинка. Только откроется она не так, как вы ожидаете. В окне браузера не останется ничего от вашего сайта, кроме этой картинки. И пользователю придется нажимать на кнопку браузера «назад», чтобы продолжить чтение статьи.
Временно (пока мы не взялись за код) мы можем это пофиксить, если поставим галочку «Открывать в новой вкладке» (смотрите на скриншоте сверху). Таким образом, мы добавим нашей ссылке атрибут «target» со значением «_blank» и наша картинка откроется в новой вкладке браузера, не заменив собой вкладку с читаемой статьей. Ну вот, стало немного удобней для пользователя – и картинку полную можно посмотреть, и статья никуда не пропадает. Круто. Но это еще не все.
Всплывающие изображения в Вордпресс без плагина
Теперь давайте приступим к самой интересной части – к написанию кода. Он у меня, естественно уже написан. Я вам его любезно предоставлю и объясню. Но для начала вернитесь в окошко редактирования изображения и внизу в поле CSS-класс ссылки пропишите любой уникальный класс, который мы потом используем в коде. Я сделал все довольно банально и прописал класс «a» (латинская, естественно). Вы можете сделать так же и не париться, а можете попариться и придумать свой класс, а потом в моем коде подменить классы в нужных местах на свои. Эти классы нужны для того, чтобы скрипт понимал, какие именно ссылки и изображения он должен обработать.
Работать мы будем сегодня со стилями (CSS) и скриптами (JavaScript). Суть задачи в следующем:
- Отслеживаем клик по нашим ссылкам с «секретным» классом, который вы уже придумали.
- Запрещаем переходить по ссылке в атрибуте «href».
- Получаем значение атрибута «href» и храним его в переменной.
- Подставляем это значение в созданный заранее тег «img» в атрибут «src» и выводим img на экран.
- При клике вне картинки (по подложке) скрываем картинку и подложку.
Ну, это если в двух словах. На деле были еще некоторые нюансы, которые я постараюсь объяснить в комментариях в самом коде. Кстати предупреждаю, что код довольно простой и незамысловатый. Галереи он обрабатывать не умеет (пока), а работает только с отдельно взятым изображением. Ну, в общем-то, как он работает, вы можете наблюдать на этом сайте. Это именно то, что мне было нужно – при клике на картинку, она открывается в хорошем качестве на этой же странице. Пёрфект!
Скрипт и стили для всплывающих картинок
Дальше будет код. Если вы хотите в нем разобраться (и немного изменить под себя), то читайте мои комментарии в нем. Если вас устраивает то, как это работает на моем сайте, то просто удалите комментарии и вставьте код в нужном месте в вашем сайте. Кстати это сработает не только на WordPress, но и на других движках, если там есть возможность обернуть картинку в ссылку и добавить ей определенный класс.
Код CSS нужно добавить в ваш стилевой файл. Лучше в самом конце и подписать, за что эти стили отвечают, чтобы потом не запутаться, когда захотите что-то изменить. Чаще этот файл называется style.css.
Код JavaScript нужно вставлять в файл скриптов с расширением .js. Их может быть несколько, поэтому выбирайте тот, который будет подключаться на страницах записей.
Остались вопросы? Добро пожаловать в комментарии.
digital-boom.ru
SEO оптимизация изображений в WordPress
Привет, уважаемые читатели, прошу прощения за небольшой перерыв и спешу предложить вашему вниманию статью о SEO оптимизации изображений в WordPress. Я не очень люблю тему SEO, но если вы серьезно настроены на получение максимальной пользы от своего WordPress сайта, не важно, хотите ли вы получить новых подписчиков, читателей или клиентов, в любом случае, всесторонняя грамотная поисковая оптимизация необходима, как воздух.
Вероятно, вы используете какой-нибудь SEO плагин или оптимизируете сайт, используя другие инструменты. В этом случае ваш сайт уже настроен для работы с Google и другими поисковыми системами, которые должны его проиндексировать. SEO оптимизация ваших изображений – это еще один способ не только угодить поисковым системам, но и существенно улучшить оптимизацию сайта по ключевым словам и запросам, благодаря которым люди находят ваш сайт.
В этой статье будет подробно освещен процесс создания SEO оптимизированных изображений для WordPress с использованием хорошего плагина, который делает всю работы и экономит наше время.
Как изображения улучшают ваши записи
Если вы хотите, чтоб созданный вами контент привлекал внимание ваших читателей, то изображения, вставленные в записи, помогут вам этого добиться. Дело в том, что единый массив текста может отпугнуть читателей, что повлечет за собой снижение эффективностт контента, в то время как его разбивка на части, с помощью изображений, поможет сделать текст более привлекательным.
Оценивая качество индексируемых страниц такие поисковые системы, как Google, обращают внимание на присутствие изображений. Стало быть, вот оно, дополнительное преимущество добавления картинок в записи. Впрочем, с этим и сопряжена небольшая проблема. Google и прочие поисковые системы не могут эффективно, если вообще могут, распознать, какие именно изображения присутствуют на сайте.
Например, вы можете написать пост под названием «лучшие SEO плагины для WordPress», и сопроводить его фото гамбургера, но Google даже не обратит внимания на такое несоответствие. Для того, чтоб поисковые машины знали, что показывают ваши изображения, вам нужно рассказать о них, добавив названия и описания, используя соответствующие теги.
Как добавить описания к изображениям
При загрузке изображения для записи, вы получаете доступ к специальным полям для изображения. Кликнув кнопку «Добавить медиафайл» в меню редактирования записи, и загрузив или выбрав изображение, вы можете или заполнить эти поля, или пропустить их, остановившись на настройках по умолчанию. Но эти поля очень рекомендуется заполнять, так как это понравится и вашим читателям, и поисковым машинам. Итак, есть четыре главных поля, которые нам интересны, вот они:
- Заголовок;
- Подпись;
- Атрибут Alt;
- Описание
По умолчанию WordPress вставляет в поле «Заголовок» название файла, который вы загружаете. Это поле используется для того, чтоб вписать заголовок для изображения: когда пользователь касается курсором мыши изображения, он видит всплывающую подсказку, содержащую заголовок изображения. Если это поле не используется именно для SEO нужд, то неплохо было бы вбить сюда информацию об изображении.
Следующее поле – это «Подпись». Текст, введенный сюда, будет отражаться в записи или на странице, прямо под изображением.
Заполнение этого поля опционально и может быть использовано для добавления более подробного описания изображения или для показа какой-либо дополнительной информации.
Атрибут Alt или альтернативное текстовое поле – это самое важное, что здесь присутствует, и оно совершенно незаменимо в деле оптимизации изображений. Этот текст – еще одна возможность рассказать об изображении. На этот раз описание будет использовано поисковиками для идентификации присутствующих изображений. Так же эти описания увидят пользователи, отключившие показ изображений, в том случае если сайт просматривается на экране мобильного устройства или при низкой скорости соединения с Интернетом.
Пожалуй, важнее всего то, что люди с ослабленным зрением, использующие специальные программы для чтения с экрана, смогут «услышать» этот текст и понять, что изображено на картинке. Данный текст может быть более сумбурным, чем заголовок, к тому же здесь есть, где развернуться – все равно, что написать еще одну маленькую статью.
Правильное название файла так же немаловажно, так как оно позволяет пользователям и поисковым системам понять, что изображено на картинке. Хотя, дни, когда было запрещено использовать пробелы в названиях файлов, давно прошли, если вы все же не хотите их использовать, просто замените пробелы дефисами, которые многие системы воспринимают, как пробелы. Отказ от пробелов или отсутствие указателя может затруднить чтение названий файлов, состоящих из нескольких слов.
Главное преимущество использования описаний в названии файла заключается не только в том, что такое описание легко находят поисковики, но и в том, что поле Title автоматически заполняется ценной информацией во время загрузки изображения, что существенно экономит ваше время и усилия.
Поле «Описание» предоставляет вам возможность проработать информацию, данную в заголовке и добавить более детализированную информацию о фото или изображении. Это может быть полезно вашим читателям, поисковым системам и другим сервисам или пользователям для разбивки вашего контента на категории.
Так же важно убедиться в том, что размер вашего изображения оптимален. Неудачная идея, загружать файлы, которые просто не влезают на сайт в силу своих больших габаритов. В связи с этим, лучше изменить размеры ваших изображений перед их загрузкой на WordPress сайт или использовать встроенный в движок графический редактор и его настройщик размеров изображений, чтоб изменить их габариты.
Стоит упомянуть еще одну тонкость: хотя поля, описанные выше, желательно заполнять, а это в свою очередь подразумевает использование ключевых слов, которые ассоциируются с вашим контентом, все же не стоит слишком сильно нашпиговывать описания словами, призванными помочь повысить Google пейдж ранг вашего сайта. Излишняя «накачка» ключевыми словами в данном случае не является хорошей идеей, так как это негативно влияет на ранжирование сайта в поисковой выдаче, да и читатели будут не в восторге.
Как устроено SEO оптимизированное изображение
После заполнения описанных выше полей, можно вставить изображение в запись. Таким образом, вы будете уверены в том, что вы сделали все возможное для того, чтоб получить максимальную пользу от изображения с точки зрения SEO оптимизации. Кроме того, теперь вы можете гарантировать, что изображения в ваших записях понятны и полезны и для тех, кто не может их видеть.
Как вы понимаете, таким образом можно создать полезные описания, перекликающиеся с контентом, без всяких излишеств и накачки ключевыми словами в погоне за более выгодным местом в поисковой выдаче. Если вам нужно отредактировать какое либо из этих полей, после добавления описаний, просто кликните на изображение в текстовом редакторе, а затем нажмите на иконку «Редактировать изображение».
Вы можете редактировать поля и изменять другие характеристики изображения и его отображение в записи.
Послесловие
Добавление изображений в записи и SEO оптимизация изображений могут существенно повысить ценность вашего текстового контента. Даже самую интересную и привлекательную для читателей статьи можно обогатить тематическими фотографиями или изображениями, но их добавление может занять некоторое время. Применив SEO- советы по использованию изображений на WordPress-сайте, вы сможете получить больше посетителей с поисковых систем.
Статья взята из открытых источников: http://wpnice.ru/seo-optimizatsiya-izobrazhenij-v-wordpress/
Похожие статьи:
house-computer.ru
Смешанное содержимое HTTPS: как исправить блокирование смешанного контента?
Статья для тех кто прикупил сертификат ssl, но не может им полноценно пользоваться из-за ваших старых ошибок на сайте.
Иногда возникает следующая ситуация: вы заказали доверенный SSL сертификат, прошли проверку центром сертификации, установили сертификат на сервер. Все сделали верно, но при попытке перейти на ваш ресурс, браузер выдает ошибку: «Не удалось загрузить сайт, заблокирована загрузка смешанного активного содержимого». Или же, как вариант, веб-сайт загружается, но вместо закрытого замка в адресной строке браузер показывает желтый треугольник и сообщает о том, что соединение зашифровано только частично. Причина этих проблем – смешанное содержимое или смешанный контент (в английском варианте — mixed content) на вашем сайте.
Что же представляет собой смешанный контент? И, самое главное, как от него избавиться?
Что такое смешанное содержимое?
Все мы знаем, что при посещении веб-сайта, на котором клиент планирует ввести какие-либо личные данные, будь-то логин и пароль, ФИО, электронный или простой адрес, номера кредитных карт и прочее, следует обращать внимание, защищена ли эта страница SSL сертификатом. На это указывают некоторые визуальные признаки:
- URL-адрес веб-сайта начинается с расширения https, а не http
- В адресной строке браузера отображается иконка закрытого замка (чаще всего зеленого цвета)
- Хорошо, если на сайте установлена печать защиты или Site Seal (но ее добавление опционально, поэтому ее отсутствие не всегда говорит об отсутствии SSL сертификата)
- Если на сайт установлен SSL сертификат с расширенной проверкой, зеленая строка будет содержать и название компании-владельца домена на зеленом фоне.
Тем не менее, в некоторых случаях возникают проблемы с отображением содержимого сайта при наличии смешанного содержимого: например, в Google Chrome в адресной строке вместо зеленого замка показывается замок, перекрытый желтым треугольником. В Mozilla Firefox вместо замка показывается треугольник с восклицательным знаком.
Кроме того, в окне браузера может появляться сообщение о том, что веб-страница содержит смешанное содержимое и информация отображается частично, либо полностью заблокирована и не отображается вообще. В каждом браузере сообщение о смешанном контенте может показываться по-разному, но суть одна – пользователь получает предупреждение и не сможет просмотреть все содержимое страницы, что, соответственно, оказывает негативное влияние на конверсию сайта в целом.
Internet Explorer:
Internet Explorer сообщает, что отображено только безопасное содержимое сайта, предоставленное через безопасный протокол https. У вас есть возможность отобразить весь контент страницы нажатием кнопки “Show all content” («показать все содержимое»).
Google Chrome:
Браузер Google Chrome пишет, что данная страница содержит скрипт из непроверенного источника. Вы можете загрузить все содержимое сайта, нажав на ссылку “Load unsafe content” (“Загрузить небезопасное содержимое)”.
Mozilla Firefox:
Mozilla Firefox также блокирует небезопасное наполнение, однако информирует, что большинство веб-сайтов продолжают работать, несмотря на заблокированное содержимое.
Если вы видите одно из этих предупреждений, это значит, что, несмотря на установленный SSL сертификат, соединение не может быть полностью защищено, так как некоторые файлы загружается по http-каналу. Соответственно, эта информация может быть просмотрена или изменена третьими лицами. Поэтому на сайтах со смешанным содержимым не рекомендуется оставлять личную информацию, такую как, например, банковские и паспортные данные, логины и пароли, адреса и так далее.
Почему смешанное содержимое блокируется?
По сути, смешанное содержимое или смешанный контент – это смешанные скрипты протоколов https и http. Дело в том, что если не все наполнение сайта состоит из файлов, загружаемых по протоколу https, и на странице имеется часть контента, загружаемого по протоколу http, то такое соединение может быть защищено только частично. В результате, казалось бы безопасное соединение является не совсем безопасным.
Почему же возникают проблемы со смешанным содержимым, и к каким последствиям может это привести?
SSL сертификат гарантирует защищенное https-соединение. Соответственно, при установленном SSL сертификате страницы веб-сайта должны загружаться только по протоколу https. Если использовать на безопасном сайте также части контента по http, появляются пробелы в безопасности соединения между веб-сайтом и Интернет пользователем. Следовательно, мошенники или просто третьи лица, заинтересованные в получении конфиденциальных данных, могут заменить части сайта с http на преднамеренно измененную информацию и тем самым скомпрометировать веб-страницу. Заполучив личную информацию посетителей, ее могут использовать в своих корыстных целях.
Каким бывает смешанный контент?
Существует два вида смешанного содержимого: активное и пассивное. Разница между ними состоит в том, как мошенник может использовать ту или иную часть страницы и какими могут быть последствия для пользователей. Давайте разберемся подробнее:
Пассивное смешанное содержимое
Пассивное смешанное содержимое (от англ. Mixed passive content или Mixed display content) – часть страницы, которая отображается на сайте, несет в себе какую-либо информацию, но напрямую не влияет на функционирование сайта. Пассивный смешанный контент появляется, когда на защищенной веб-странице загружается картинка, видеозапись, звуковой файл или объект через http протокол. Мошенники могут заменить соответствующую часть контента дезориентирующей информацией, содержащей cookie-файлы, и таким образом смогут собирать информацию о перемещении пользователя на страницах. Картинку на сайте потенциально могут заменить другим изображением, содержащим неверную информацию или какой-либо призыв к пользователю.
Большинство браузеров не блокируют полностью все содержимое пассивного типа, а предупреждают о присутствии такой информации на сайте в виде специального знака , как это было показано на примерах выше. Такой вид смешанного содержимого встречается очень часто на различных веб-сайтах.
Предупреждение о смешанном пассивном содержимом на Google Chrome выглядит оранжевым значком.
Виды пассивного смешанного контента:
- src атрибут <audio> — звуковой файл
- src атрибут <img> — изображение
- src атрибут <video> — видеозапись
- субресурсы <object> — запрос каких-либо файлов веб-сайта по http
Активное смешанное содержимое
Активное смешанное содержимое (от англ. Mixed Active Content) – куда более опасный тип смешанного контента. В данном случае через небезопасный http протокол загружаются файлы, которые могут вносить изменения на странице, загружаемой по https-соединению, и потенциально украсть личные данные, вводимые пользователями. Таким образом, вместе с описанными выше рисками, которым подвергает безопасность страницы пассивный контент, активное смешанное содержимое влечет за собой и другие, более опасные угрозы. Так, с его помощью мошенник может перехватить запрос на http контент или изменить ответ сервера, добавив в него вредоносный код JavaScript, который в свою очередь может украсть имя пользователя и пароль, заполучить личные данные или попытаться установить вредоносное ПО на операционной системе пользователя.
Большинство браузеров блокирует активное смешанное содержимое. К нему относятся следующие http запросы:
- data атрибут <object> — выбор файла, который отображается на странице
- href атрибут <link> — исходящие ссылки
- src атрибут <script> — файл скрипта
- src атрибут <iframe> — файл, отображаемый во фрейме
- атрибут XMLHttpRequest – объект, с помощью которого JavaScript делает http-запросы к серверу, не перезагружая страницу
Как исправить смешанное содержимое?
После установки SSL сертификата, необходимо обязательно проверять, правильно ли работает веб-страница, корректно ли настроена переадресация, все ли ссылки внутри сайта открываются по протоколу https. Для проверки смешанного контента рекомендуем использовать браузер Google Chrome.
- В первую очередь обратите внимание, как отображается Ваш URL-адрес. Если замочек перед адресом зеленый – проблем с https-соединением нет. Если он перекрыт желтым треугольником, скорее всего, речь идет как раз о смешанном содержимом.
- В окне кликните правой кнопкой мыши и перейдите по ссылке «Просмотр кода элемента». Это же можно сделать, нажав комбинацию клавиш Ctrl+Shift+I.
- Внизу окна браузера появится окно, перейдите в последнюю вкладку Console («Консоль»). В ней будут перечислены проблемные ссылки после предупреждения «Mixed Content: и далее перечисление файлов, которые загружаются по протоколу http», как на примере ниже:
Все, что Вам нужно сделать, — это заменить все http-ссылки на https. Для того, чтобы избежать появления смешанного содержимого при переходе на https, рекомендуем изначально все ссылки внутри сайта оформлять как динамические. Тогда при переходе на https-соединение, они автоматически будут меняться на https-ссылки.
Смешанное содержимое
И так, когда человек заходит на сайт по протоколу HTTPS, его соединение с веб-сервером шифруется с помощью TLS и защищено от различных атак и перехватчиков. В случае если на странице, переданной по HTTPS, содержит какой либо контент, передаваемый по HTTP, то соединение считается частично зашифрованным: потому, что все что передаётся по HTTP, можно перехватить и изменить, следовательно такое соединение уже не защищённое. И именно такие страницы называются страницами со смешанным контентом (содержимым).
Типы смешанного содержимого.
Есть 2 группы смешанного контента: Пассивный (отображаемый) и Активное содержимое. Разница между ними заключается в уроне, который может понести сайт в случае перехвата и изменения в процессе передачи.
Так вот пассивный смешанный контент, это по сути изображения (аудио, видео) , которые вы получаете по http с других источников, и если их перехватят, максимум смогут поменять картинку (видео, аудио), на порнобанер к примеру, вашему сайту это урон по идее не нанесет, но вот пользователям думаю будет не очень приятно.
А вот активный смешанный контент (это скрипты, фреймы), несет уже борее серьезные риски. Здесь уже хакеры могут украсть личные данные, перенаправить пользователей на небезопасный сайт и т.д.
Как исправить страницу с заблокированным содержимым и что может произойти если не исправить.
Сейчас практически все самые популярные браузеры по умолчанию блокирует активное смешанное содержимое.
И вот если ваш сайт работает по протоколу HTTPS, а весь его активный контент (ну или часть его), отправлен по HTTP, то он будет заблокирован. А от сюда вытекает следующее, у вас отвалятся слайдеры, выплывающие формы и т.д. в общем все что работает за счет скриптов и ваш будет работать неправильно. А на счет пассивного контента — он пока что загружается по умолчанию, но есть одно но, любой пользователь может заблокировать его в настройках браузера, а то не есть гуд!
В общем, вся суть заключается в следующем, раз вы не поленились перейти на https, то и не поленитесь избавится от смешанного контента!
Как исправить сайт
Самое адекватно решение — перевести весь контент сайта и все его запросы на HTTPS.
В случае с картинками с других ресурсов, можно проверить можно ли их получить по https, если да то просто сменить ссылки, если нет то скачать их с тех сайтов и залить к себе на сервер, ну и соотвественно сменить путь, да и со скриптами можно поступить также). Самое правильное, простое и верное. Обычно помогает. Не пишите никогда картинки с чужых сайтов, пишите только относительные ссссылки к вашему сайту и все будет ОК.
По поводу всех ссылок, тут можно поступить по разному -заменить в ссылках протокол с http на https, либо сделать ссылки относительными, вот так:
<script src="//site.ru/script.js" type="text/javascript"></scrip
|
<script src="//site.ru/script.js" type="text/javascript"></script> |
На счет относительных ссылок, есть одно но, тут браузер сам выбирает протокол, в вашем случае он будет выбирать https, если то возможно, а вот если невозможно, то запрос пойдёт по HTTP, и у вас снова старая проблема)
Как быстро найти и исправить смешанное содержимое
Вариант 1й. Можно использовать сервис SSL-check, он проверит ваш сайт на наличие HTTP запросов.
Вариант 2й. Через консоль браузера, Гугл хром или Мозилы, мне больше нравиться гугл (я пошел этим путем). Как искать контент данным способом, показано в видео ниже.
И так вы нашли смешанный контент, все круто, в случае с картинками все достаточно просто, посмотрел что за картинка, нашел ее на сайте и изменил. В случае со скриптами все гораздо сложнее, особенно если у вас стоит какой нибудь движок типа того же wordpress с кучей включенных плагинов, вы же не знаете (97% пользователей обычно не знают) какой плагин какие скрипты подключает, а как узнать?
Вбил название скрипта, он про шерстил все папки сайта, плагинов, тем и т.д. и показал файлы в которых они подключены, следовательно заходишь в них и правишь протокол (лучше предварительно проверить в браузере, можно его получить с того же сайта но по https, если нельзя можно его от туда скачать и залить к себе и прописать новый путь получения). Если у вас более убогий файловый менеджер, тогда можно скачать весь сайт на компьютер, и проделать такой же поиск по файлам к примеру при помощи NOTEPAD++.
joomlafreelancer.ru
