Чтобы ограничить доступ к странице авторизации по ip-адресу сперва необходимо узнать свой ip-адрес. Сделать это можно, например, с помощью сайта 2ip.ua.
Чтобы установить ограничение потребуется внести изменения в файл .htaccess Read More
В этой статье подготовлены 15 интересных эффектов для изображений, которые Вы можете применить на своем сайте. Каждый эффект состоит из HTML разметки и стилей CSS. Вам остается только скопировать и добавить в свой исходный код. Read More
В далеком 2007 году была у нас Сузуки Витара еще более далекого 1993 года выпуска. Трехдверная и квадратная.
А еще у нас есть кума, которая тогда кумой еще не была, а была просто близкой подругой.
А у кумы была идея – купить Сузуки Джимни. Ну как идея… он уже в салоне ждал, в среду забирать надо.
Но вы ждете про грибы, да? Ладно.
Дело было в субботу. Проснувшись утром, мы решили, что надо придумать себе какое-то занятие, но не просто занятие, а так чтобы и душе и телу, и приятное и полезное, и вообще…
Решили поехать по грибы и заодно провести внедорожный тест-драйв для кумы перед покупкой автомобиля. Это при том, что грибы мы до этого видели только в банках у бабушки в погребе. Ну и шампиньоны на полках супермаркета. Read More
Посещаемость любого веб-сайта определяется его позицией в выдаче поисковой системы. Чем более высокий рейтинг займет сайт по результатам поиска Google, тем больше у него будет посетителей.
Для определения порядка выдачи Google использует множество регулярно обновляющихся инструментов и алгоритмов. Существует более двухсот факторов ранжирования, однако только шесть из них являются самыми важными. Read More
Электронная рассылка — это автоматическое отправление писем адресатам.
Допустим, человек живет в многоквартирном доме. Во всех домах есть почтовые ящики. И периодически там оказывается реклама. Житель выходит из квартиры и видит, как из всех почтовых ящиков торчат рекламные буклеты.
Этот вид рекламы можно сравнить с e-mail рассылкой. Рекламный буклет — это письмо, которое приходит на почту. А жители дома — это база адресатов. По ним и осуществляется отправка сообщений. Read More
Вывод картинки, текста и описания для сайта, осуществляется благодаря разметке Open Graph. Она как раз и создана для того, чтобы вы видели картинку, название и краткое описание для ссылки, вместо обычного УРЛ. Ведь так же красивее, понятнее и намного эффективнее. Но от куда берется эта разметка Open Graph, если вы ее не добавляли на сайт?
Соцсети и мессенджеры просто берут первую попавшуюся картинку с сайта, тайтл и какой-то текст или описание страницы. Хорошо, если картинку угадает или хотя бы лого поставит, но иногда так бывает, что ставит что попало. Например, иконку какую-то или вообще фон сайта. Согласитесь, это не всегда может понравится.
Чтобы все отображалось корректно, советую на своих системах установить соответствующие плагины, с помощью которых будет произведена настройка разметки Open Graph. Если у вас самописный сайт или лендинг, то можете установить стандартные настройки для главной страницы. Чтобы это сделать, можете добавить некоторые теги в шапку страницы. Open Graph имеет свои метатеги и как остальные они добавляются в шапку сайта, а именно между <head>...</head>.
<meta property="og:title" content=""><meta property="og:site_name" content=""><meta property="og:url" content=""><meta property="og:description" content=""><meta property="og:image" content="">Далее нужно каждому МЕТА-тегу заполнить параметр content="", чтобы правильно это сделать, распишу подробнее, за что отвечает каждый:
Готовый вариант может быть примерно таким:
<meta property="og:title" content="Тут пишем заголовок. "><meta property="og:site_name" content="Дизайн и разработка сайтов"><meta property="og:url" content="https://bzk.in.ua/"><meta property="og:description" content="Описание статьи"><meta property="og:image" content="https://bzk.in.ua/01.jpg"> |
Или
<meta property="og:type" content="page" /><meta property="og:image" content="https://bzk.in.ua/OpenGraph.jpg" /><meta property="og:url" content="https://bzk.in.ua" /><meta property="og:title" content="Заголовок страницы" /><meta property="og:description" content="Краткое описание того что на странице" />К этой группе тегов можно добавить еще пару специальных метатегов для Facebook:
1 2 | <meta property="fb:app_id" content="10000000001111"/><meta property="fb:admins" content="10000000001111"/> |
Добавляется любой из этих тегов, нужны они для того чтобы вести статистику по взаимодействию с Facebook. Подробнее об этом можно узнать тут - Facebook developers. Если же это не надо то пропускайте.
По изложенному выше, думаю, вы поняли что для того чтобы добавить теги Open Graph, все что нужно - просто добавить пару строк в шапку сайта указав свои значения. Если у вас одностраничный сайт - то это не проблема, но если у вас блог, статейный и тд. сайт, то в ручную будет тяжеловато, да и не возможно практически. Если у Вас WordPress, то вам повезло. Вариантов добавления разметки у вас много.
Чтобы подключить Open Graph к WordPress, можно пойти двумя путями. Первый - установить плагин, второй - добавить самописную функцию. С плагином все просто, если вы любите их устанавливать то можете выбрать любой и добавить к своему сайту. Среди популярных плагинов имеющих в своем функционале и поддержка Open Graph в WordPres, я бы выделил:
Скорее всего, какой-то из первых двух у вас уже стоит, тогда этот вопрос у вас уже снят с повестки дня. Если же вы не хотите использовать плагины, то можно решить этот вопрос добавлением кода в файл функций. Тут остановимся по подробнее.
Перед тем как подключать метатеги, нужно включить поддержку Open Graph в WordPress. Сделать это можно двумя способами. Для начала нужно открыть файл вашей текущей темы header.php и во второй, скорее всего, его строке посмотреть на тег <head>. Если вы видите примерно такое:
1 | <html lang="ru-RU"> |
То можно добавить prefix="og: http://ogp.me/ns#" и все.Получится:
1 |
Если у вас так:
1 | <html <?php language_attributes(); ?>> |
То можно или добавить то же самое
1 | <html <?php language_attributes(); ?> prefix="og: http://ogp.me/ns#"> |
или благодаря функции language_attributes, вывести в ней. Для этого открываете файл пользовательских функций function.php и добавляете в самый конец перед закрывающим тегом PHP ?>, а если его нет, то просто в самый конец - фильтр:
Перед изменением function.php, обязательно сохраните его копию, чтобы в дальнейшем, в случаи ошибки, вернуть все как было.
1 2 3 4 | function opg_html($output){}add_filter('language_attributes', 'opg_html'); |
Далее, после этого кода уже можно добавить функцию, которая и будет автоматически выводить и заполнять метатеги Open Graph. Создана максимально универсальной, чтобы хорошо справится с задачей. Выглядит она так:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 | function facebook_open_graph(){global $post;global $wp;//ДЛЯ ССЫЛОК$current_url = home_url($wp->request);//ДЛЯ DESCRIPTIONif($excerpt = $post->post_excerpt){$trim_words = strip_tags($post->post_excerpt);} elseif($wptw = wp_trim_words(get_the_content(), 25)){$trim_words = preg_replace('/[""]/', '', $wptw);}else{ $trim_words = get_bloginfo('description');}//ДЛЯ ИЗОБРАЖЕНИЙ$first_img = '';$otimg = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);$first_img = $matches [1][0];if(empty($first_img)){$first_img = get_bloginfo('template_directory'). '/images/defimages.jpg';}//ОБЩИЕ META-ТЕГИecho '<meta property="og:type" content="article"/>';echo '<meta property="og:site_name" content="';echo bloginfo('name');echo '"/>';if(has_post_thumbnail( $post->ID )){$thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );echo '<meta property="og:image" content="' . esc_attr( $thumbnail_src[0] ) . '"/>';}else{echo '<meta property="og:image" content="' . $first_img . '"/>';}echo '<meta property="og:description" content="' . $trim_words. '"/>';//META-ТЕГИ ДЛЯ СТАТЕЙ, СТРАНИЦif ( is_singular()){echo '<meta property="og:title" content="' . get_the_title() . '"/>';echo '<meta property="og:url" content="' . get_permalink() . '"/>';}else{ //META-ТЕГИ ДЛЯ ГЛАВНОЙ, РУБРИКИ И ОСТАЛЬНЫХecho '<meta property="og:title" content="';echo bloginfo('name');echo '"/>';echo '<meta property="og:url" content="'.$current_url.'"/>';}}add_action( 'wp_head', 'facebook_open_graph' ); |
Функция не маленькая, рассчитана на то что вы хоть немного разбираетесь в коде и если это не так, вернитесь к варианту с плагинами. Теперь давайте немного разберем основные параметры. Главные элементы выделены комментариями.
После добавления и настройки этой функции у вас должна появится микроразметка протокола Open Graph.
Мир помешался на интернет-безопасности. Если вы в тренде и переписываетесь исключительно в «Телеграме», то почитайте про то, как установить на сайт протокол защищенного соединения HTTPS. Он пригодится в любом случае, а если вы интернет-магазин, то без него вообще нельзя будет обойтись. Попутно расскажем про сертификаты SSL: что это такое и для чего они нужны. Read More
SSL — это протокол, который необходим для безопасного обмена данными между браузером и сервером. Он нужен чтобы хакеры не смогли перехватить, украсть и использовать личную информацию: пароли, логины, номера банковских карт.
Чтобы протокол работал, необходимо приобрести для сервера специальный сертификат. Он действует как личная электронная подпись или паспорт вашего сайта. Его заверяет и подтверждает третья сторона – центр сертификации. Read More
HTTPS – это протокол передачи данных, которые шифруются для защиты.
Предположим, вам нужно отправить посылку другу — пару книг и пакетик кошачьего корма. Все это стоит недорого. Да и вряд ли кто-то станет воровать корм для котов из бандероли. Просто обычное почтовое отправление. Это — HTTP.
Другая ситуация — вы отправляете в курьером кейс, в котором лежат очень ценные вещи. Например, бриллиантовое колье. Для надежности вы вешаете на кейс замок, а курьеру говорите, что это просто для красоты, а в кейсе просто бумаги. Зашифровали содержимое. Это — HTTPS. Read More
Доме́нное имя – это адрес (имя) вашего сайта в сети интернет. Общее пространство имен интернета функционирует благодаря DNS – системе доменных имен. Доменные имена используется для адресации интернет-узлов и расположенных на них сетевых ресурсов (веб-сайтов, серверов электронной почты, других служб) в удобной для человека форме.
Доме́нная зона — совокупность доменных имён определённого уровня, входящих в конкретный домен. Например, зона com.ua включает все доменные имена третьего уровня в этом домене. Термин «доменная зона» в основном применяется в технической сфере, при настройке DNS-серверов (поддержание зоны, делегирование зоны, трансфер зоны).
Хостинг – услуга по предоставлению вычислительных мощностей для физического размещения информации на сервере, постоянно находящемся в сети (обычно Интернет). Хостингом также называется услуга по размещению оборудования клиента на территории провайдера с обеспечением подключения его к каналам связи с высокой пропускной способностью (колокация, отангл. colocation). Read More