Достаточно большое количество наиболее важных проектов было создано еще в 2000 г. с использованием HTTP. Некоторые из них в 2010 году перешли на защищенный протокол, поскольку в то время все были серьезно обеспокоены утилитами, созданными знаменитым хакером Марлинспайком из Ирана. Они носили название Firesheep и SSLStrip, и были способны украсть персональные данные с сайта, который либо был полностью не защищен, либо имел довольно слабую защиту. В 2015 году руководство Соединенных Штатов обязало государственные сайты срочно осуществить перенос страниц на HTTPS до окончания 2016 г. Поэтому в скором времени Mozilla Firefox полностью прекратит поддержку HTTP-соединения в браузере, поскольку он теперь официально считается небезопасным. В свою очередь, Yandex объявил о решении прекратить обновление выдачи, а Google отныне будет отдавать приоритет страницам с защитой. Подобное означает, что вот-вот начнется повальный переход на HTTPS, поэтому лучше подготовиться к этому заранее. Особенно полезно это будет тем предпринимателям, которые ведут собственный бизнес в интернете и простой для них означает серьезные убытки. Что же нужно сделать для того, чтобы перенесли свою страничку в Интернете на HTTPS?

Подготовительные работы

Начинать процедуру необходимо с исправления некоторых нюансов, имеющихся в коде сайта. Выполнять это настоятельно рекомендуется до переноса страницы на HTTPS, поскольку, в противном случае избежать технических проблем будет весьма затруднительно. Для начала потребуется сменить ссылки внутренней перелинковки на относительные. Они бывают двух видов:

• Относительные не зависящие от домена. К примеру, абсолютная ссылка имеет вид: https://velesdah.com.ua/o-kompanii.html, а относительная будет иметь вид: /about/.
• Относительные не зависящие от протокола. Абсолютная ссылка будет выглядеть так: https://velesdah.com.ua/o-kompanii.html, относительная же: //velesdah.com.ua/o-kompanii.html

В данном случае требуется использовать только ссылки второго вида, в которых название протокола будет изъято. После этих изменений станет неважно на HTTP или же на HTTPS находится сайт. Однако, здесь важно не забывать, что касается это только внутренних ссылок, потому как внешние сайты могут не поддерживать HTTPS. Именно из-за этого ссылки на них не преобразовываются. В том случае, когда вы являетесь владельцем двух и более проектов или поддоментов, которые связаны с одной страницей и переводятся на HTTPS, тогда структура ссылок такого типа будет способствовать более верной индексации поисковиками.

После исправления всех ссылок, необходимо обратить внимание на медиаконтент, расположенный у вас на ресурсе. Точнее, вам необходимо проверить, какой протокол запрашивается для них. При необходимости измените все ссылки на относительные, чтобы все графические материалы загружались только с проверенных сайтов, находящихся под надежной защитой. Однако, перед этим вам стоит проверить будет ли он доступен по HTTPS. Не следует исключать возможности того, что ресурс окажется неспособен поддерживать защищенный протокол. В этом случае, следует отказаться от него и подобрать другой, более подходящий. Если же изображения, которые вы используете, хранятся на персональном компьютере, принадлежащем вам или вашей компании, следует применять относительные адреса. Выглядеть это будет так: //site.ru/img/media-image.jpg. На сегодняшний день практически все информационное наполнение для страниц загружается с популярных ресурсов (YouTube, Facebook, VK). Все эти ресурсы поддерживают HTTPS, следовательно, никаких затруднений не возникнет. Однако, это касается только популярных и больших сайтов, более же мелкие ресурсы вполне могут перестать работать, если вы смените протокол. Именно поэтому во избежание разного рода неожиданностей, следует заранее проверить это.

Далее, необходимо исправить подключение внешних скрипов. Для этого нужно будет использовать относительные URL. Но здесь также нельзя исключить риск возникновения проблем, поскольку некоторые ресурсы все еще пользуются незащищенными соединениями.

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

Приобретение и установка SSL-сертификата

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

• Обычные – они являются оптимальным вариантом практически для всех предпринимателей и простых пользователей. Выдача происходит для 1 домена, оформляются они всего пару минут. Быстрота выдачи обусловлена тем, что осуществляется лишь проверка принадлежности домена человеку, запрашивающему сертификат.
• Extended Validation – представляют собой сертификаты с более расширенной проверкой предприятия. Здесь смотрят не только на принадлежность домена, но и тщательно проверяют организацию в целом. Изучаются данные о компании, свидетельство о государственной регистрации, возможные даже звонки с проверками. Данный вид сертификата позволяет получить адресную строку зеленого цвета.
• Wildcard – выдают на все поддомены, принадлежащие 1 домену. То есть для предпринимателей, у которых есть несколько региональным поддоментов, наиболее приемлемым вариантом является приобретение именно этого сертификата.
• С поддержкой IDN – далеко не каждый сертификат может поддерживать кириллические домены, поэтому обладателям именно такого домена следует обязательно покупать сертификаты только такого вида.

После того как вы приобретете сертификат, который будет идеально походить вашему сайту, необходимо произвести его установку. Практически все хостеры сделали возможной установку через панель управления, причем времени это занимает очень мало. В случае если у вас возникнет проблема, вы всегда можете обратиться в службу технической поддержки или же нанять программиста. В большинстве случаев, процесс установки не занимает много времени, но только если сервер поддерживает SSL протокол. Чтобы уточнить эту информацию, обратитесь к вашему хостеру и выясните у него этот вопрос. Если же хостер, который предоставляет вам свои услуги, не поддерживает SSL, то просто подыщите другого. Поскольку SSL протокол не имеет привязки к IP и хостингу, вы сможете установить его на любой другой хостинг. Разумеется, на нем должен располагаться и ваш сайт.

Установив SSL-сертификат, убедитесь в том, что ваш сайт доступен для двух адресов с http:// и https://. В том случае, если окажется, что страница не доступно по одному из этих адресов, необходимо будет срочно заняться решением данной проблемы. Для этого лучше всего будет обратиться за помощью либо в техническую поддержку, либо непосредственно к программисту.

Настройки для страницы, которые необходимо обязательно произвести

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

Начинать процесс следует с корректировки директивов в файле, который носит название robots.txt, чтобы поисковики оставляли только 1 сайт в поиске. Если не произвести настройку, вы рискуете лишиться огромной части трафика. Все потому, что сайты, которые располагаются на http и https для поисковиков представляют собой 2 абсолютно разных ресурса. Когда вы это сделаете, Yandex будет воспринимать зеркало с протоколом HTTPS как самое главное и, следовательно, будет оставлять в выдаче ишь его.

Далее, необходимо установить 301 редирект с http на https. Еще совсем недавно приходилось подолгу ждать, пока поисковая система Yandex переклеит зеркала. Ведь только после завершения этого процесса можно было начинать перенаправлять пользователей. Ожидание весьма негативно влияло на трафик из Гугла, но сейчас эта проблема полностью решена. Теперь нет абсолютно никакой необходимости ожидать окончания работ зеркальщика Яндекса, можно немедленно приступать к настройке 301 редиректа на версию HTTPS. Если код, который вы пропишите, не подойдет, вам необходимо будет обратиться за помощью к специалисту из службы поддержки хостинга. Он сможет не только предоставить бесплатную консультацию, но и подскажет способы устранения возникших проблем.

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

Как сообщить в Yandex и Google о переносе сайта?

Для того чтобы свести к минимуму риск потери поискового трафика, следует поставить в известность поисковиков обо всей работе, которая была проделана вами. Для этого вам требуется:

• Зайти в панель для веб-мастеров и добавить https-вариант сайта в панель. После этого в вашем списке сайтов будут числиться оба варианта.
• Изменить адресную строку в панели, предназначенной для Yandex. Нажмите на пункт меню под названием «Настройка индексирования». Там у вас откроется опция «Главное зеркало», в ней нажмите на «Установить протокол HTTPS».
• Перенести дополнительные настройки в панель. Таким образом, ваша более новая версия будет восприниматься поисковиками аналогично.

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

Если представить себе сайт на Joomla, основная цель которого – публикация статей, скажем, об истории некоего города, то сразу сложно понять, в чем тут может быть проблема. Авторы и редакторы, пользуясь своим уровнем доступа, выполняют свою работу. Для этого достаточно изучить несложные правила пользования одним из встроенных редакторов. Как вставить и отформатировать текст, изображения, вставить ссылки и тому подобную рутину освоить несложно. Но не тут-то было.

Эти самые авторы и редакторы буквально протестуют против работы в браузере. Они привыкли к MS Word, и все тут, переучиваться не хотят. В этом осколке Microsoft Office им привычно быстро работать с текстом, обрабатывать картинки, и проводить прочие операции, которые у пишущей братии обычно отработаны до автоматизма.

Есть ли выход из ситуации? Ведь авторам и редакторам надо идти навстречу, иначе качество написанных материалов вполне может пострадать. Да, есть, и, как водится, его подсказывают поисковые системы.

Google с начала поисков радостно сообщил, что существует технология xml-rpc для Wordpress. Она позволяет использовать созданные в текстовом процессоре MS Word 2007 (и в более новых) материалы публиковать прямо в блог. Оказалось, что и для Joomla есть что-то подобное, но уже в виде плагина. Называется он XMLRPC for Joomla и находится на одном из специализированных сайтов, как оказалось после долгих и безуспешных поисков. Раз уж удача пришла в руки сама, ей надо непременно воспользоваться.

Процедура установки плагина совершенно стандартная. Если кто не знает, как это делается, несложно найти детальнейшие инструкции в Интернете. Главное тут в правильных настройках. Если отрегулировать плагин как следует, он будет работать с полной отдачей.

Ниже наглядно продемонстрировано, что и как настраивать.

Далее следует настройка MS Word.

1. Для начала надо пройти по цепочке «Файл – Сохранить и отправить – Опубликовать как запись блога».

2. На странице «Запись блога» - клик на кнопке «Учетные записи».

3. Далее следует выбрать «Создать», а в появившемся окне, в выпадающем списке поставщика блога «Другой».

4. Заполнить поля.

Ссылка выглядит так: http://yoursite/index.php/component/xmlrpc/service?format=xml
5. «ОК».
Далее идет уже работа непосредственно с блогом. Надо назвать запись и опубликовать ее. Статья уходит в Joomla без проблем.

Предположим, что название шрифта, который следует использовать на сайте – fontsbest.ttf, а его вес – 110 кБ. Самое время вспомнить о каскадной таблице стилей, да и о том, где лежат все файлы шаблона Joomla. В этом самом шаблоне следует создать папку, наиболее очевидное название которой – myfonts. В нее и должен быть скопирован вожделенный шрифт. Теперь к каскадной таблице стилей. Пора найти главный файл стилей и надлежащим образом его отредактировать. В нашем случае это будут следующие строчки:

font-face {
font-family: 'FontsBest';
src:
local(' FontsBest '),
url('../myfonts/fontsbest.ttf') format('truetype');}

Итак, все характеристики шрифта и его местонахождение в файле стилей прописаны, теперь его можно использовать. Конкретно для абзаца:

p{
font-family: 'FontsBest';}

Все бы хорошо, но есть подозрения, что не всем браузерам такого рода хитрость понравится. Естественно, можно прописать шрифт более сложным методом, а поможет ли? Шрифты truetype воспринимаются корректно далеко не всеми Интернет-обозревателями. Но можно воспользоваться тем, что просто лежит в Сети.

А в Сети существует пара сервисов:

· Fontsquirrel;
· Google Webfonts.

Их шрифты вполне устраивают все возможные Интернет-обозреватели, достаточно лишь не забыть в файле стилей шаблона прописать ссылку на соответствующий файл стилей.

Использование – как и в поданном выше коде:

p{
font-family: 'Marck Script', cursive;}

Что из шрифтов предлагает Google, можно посмотреть на сайте поисковика, воспользовавшись ссылкой www.google.com/webfonts
Если нужна документация, то она тут: developers.google.com/webfonts/docs/getting_started

Сервис Fontsquirrel работает совсем не так. Он предназначен для создания кроссбраузерного набора шрифтов и генерации кода доя каскадных таблиц стилей.

Что надо сделать? Сначала зайти на сайт Fontsquirrel. Искомый раздел – generator. Клик на кнопке Add Fonts даст возможность загрузить свой шрифт, снабдив его потом желательными настройками. Устройство поработает и выдаст запакованный набор шрифтов? Устраивающий все основные браузеры.

К примеру, может в архиве получиться вот такой набор:

fontsbest-wft.ttf - 53 кБ
fontsbest-wft.etf - 72 кБ
fontsbest-wft.woff – 34 кБ
fontsbest-wft.svg - 95 кБ.

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

В этой статье мы поговорим о cms Joomla и научимся как легко и без проблем обновить её с версии 2.5 до 3.0.

Как стало известно, недавно создатели полагают весьма основательные надежды именно на линию Joomla 3.0. Они отнеслись наиболее основательно к вопросу безопасности, ликвидируют оплошности, а также планируют добавить новый функционал, что делают эту новость очень приятной. Что же касается Joomla 2.5, то здесь немного другое положение. Разработчики занимаются в основном просто её поддержанием, устранением ошибок и навёрстыванием недочётов в безопасности. Введения обновлённого функционала скорее всего не планируется. Поэтому положительные факторы обновления с Joomla 2.5 до 3.0 совершенно очевидны. К тому же перейти на Joomla 3.5 станет намного проще с 3.0, нежели, с 2.5.

Сложности в обновлении не все могут заметить сразу. Ведь казалось бы, нужно всего лишь запустить обновление на панели управления. Но вероятность появления некоторых трудностей достаточно высока. К примеру, если вы захотите обновить сайт, который ранее функционировал на Joomla 2.5 до 3.0. вы сможете схлопотать множество ошибок и вопросов, но главным из них будет – почему ничего не выходит? Если вы уже сталкивались с похожей проблемой или просто хотите избежать её, то при обновлении вам нужно учесть несколько нюансов.

Приступим, для обновления CMS сайта вам сначала нужно переместить на локальный сервер его резервную копию. Таким образом. вы обезопасите сайт и себя в том числе.

После того как вы перенесли сайт на сервер, желательно проконтролировать на наличие обновления второй линейки CMS Joomla 2.5. Это возможно сделать на главной странице, на панели управления.

Если вы точно убеждены в наличии обновления, но выбивает, что установленная версия является самой новой, то вам нужно найти табличку «Есть новые версии» и перейти в неё. Таким образом, вы попадёте на перечень обновлений для расширений сайта, которые найдены. Сейчас мы побеседуем и про обновление расширений. Стало быть, после того как вы вошли в нужный список обновлений для расширений, нужно нажать на клавишу «Очистить кэш».

Только лишь уже после этого, когда вы перейдёте опять на главную страницу, там появятся обновления. Чтобы попасть в компонент обновлений Joomla нужно нажать на иконку «обновления Joomla». Затем нажимаем на иконку «Установить обновления» и ждём. Никаких сложностей возникнуть не должно.

Сторонние расширения. Их обновление и устранение

Далее, после того как CMS линейка 2.5 обновлена, нужно пройтись по всем сторонним расширениям, которые были установлены и проследить присутствие обновлений также на официальных ресурсах. Если вы увидели обновления для версии 3,0. то их нужно непременно установить. Отыскать обновления возможно, кроме того, на основной странице, в иконке обновлений, как упоминалось ранее, но существует ещё один способ. Здесь нужно будет переключиться в «Расширения», затем в «Менеджер расширений» и наконец, нажать «Обновление». В случае если же обновлений не будет найдено, можно попробовать очистить кэш. Как правило, в версии 2.5 также хорошо функционируют расширения, которые, созданные под третье поколение. Так что неполадок с этим возникнуть не должно. Если всё-таки обновлений нет и вы сомневаетесь, станет ли функционировать выбранное расширение в третьей версии программы, в таком случае предпочтительно будет его удалить совсем. Для удаления расширений в Joomla 2.5 требуется перейти в «Расширения», затем в «Менеджер расширений» и «Управление». Перед вами раскроется перечень абсолютно все расширений, которые уже установлены на сайте. Так, вы сможете быстро отыскать необходимое именно вам расширение. Можно воспользоваться фильтром и ввести название в поисковую строку. Затем нужно будет галочкой отметить необходимое расширение и нажать провести его деинсталляцию.

Проверка БД на присутствие ошибок

Не выходя из менеджера расширений и перейдя на вкладку «Базы данных» нужно проконтролировать вероятность оплошностей в таблице БД. Если таковых не обнаружено, то вы увидите пометку «Структура таблиц БД пребывает в актуальном состоянии». В противном случае просто нажмите кнопку «Исправить».

Как обновить Joomla до 3.0.

Итак, в случае если вы сделали все, описанные выше действия, можете приступать непосредственно к обновлению программы. Чтобы сделать это, нужно вернуться в элемент обновлений Joomla, перейти на вкладку «Компоненты», затем «Обновления Joomla». Тут, нажав по кнопочке «Настройки» и выставив «Дистрибутивы Joomla с краткосрочной поддержкой» «Сервер обновления», сохраняем и закрываем. И только после данных операций компонент обязан отыскать обновление для последней версии Joomla. Если возникли какие-нибудь неполадки. Или обновлений не найдено, очищаем кэш. Затем, если обновление будет найдено, устанавливаем его. Эта процедура может занять немного времени, но если скорость интернета все должно пройти как можно шустрее.После обновления нужно перенести сайт на хостинг, заархивированный в akeeba backup.

Погрешности, допустимые при обновлении либо впоследствии него

На случай если после обновления выбивает погрешность «Ошибка 500 - JHtmlBehavior::mootools not found» и переход с панели управление невозможен то , по всей видимости, какие-то из установленных расширений просто несовместимы с версией 3.0. Из этой обстановки существует два выхода.Первый, нужно вернуть резервную копию и вновь проверить расширения. Либо второй вариант, отыскать в файлах подключение библиотеки Mootools и сменить на «Подключение фреймворка Joomla 3».

В первом варианте всё достаточно легко — возвращаете backup и проверяете опять все расширения на сочетаемость с версией 3.0.
Во втором случае нужно с помощью приложения Total Commander открыть корень сайта и найти все файлы, с записью JHTML::_(‘behavior.mootools’); в случае если эта строка вводится без обстоятельств, то её нужно заменить на JHtml::_(‘behavior.framework’);. И таким образом, проверяем абсолютно все файлы. Этот способ не гарантирует вам идеальный результат, но существует вероятность, что веб-сайт начнёт функционировать. Но надёжнее выбрать первый способ.

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

 Сначала редакторы HTML способствовали удобству работы со страницами в Интернете. Это было возможно благодаря простоте сайтов, их небольшому объёму. Но постепенно информационные технологии прогрессировали, начали появляться большие сайты с множеством функций. Обслуживание таких сайтов стало серьёзной проблемой пользователей сети Интернет, на решение проблемы уходила немало времени. Особенно серьёзной стала такая проблема, как обновление работы сайта.

Проблема, связанная с обновлением работы сайта, требовала чёткого решения. Суть решения заключалась в том, чтобы процесс обновления стал автоматическим. Большие информационные компании разработали новую разновидность программного обеспечения, получившую аббревиатуру CMS. Это программное обеспечение обеспечило не только автоматическое обновление сайта, но и попутно решило другую проблему: пользователь получил возможность размещать материал на сайте непосредственно через свой интерфейс.

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

Joomla!: Все вместе

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

Система управления контентом (именно так переводится на русский язык расшифрованная аббревиатура CMS) Joomla! получила много положительных отзывов. У этого программного обеспечения много достоинств.

Не стоит перечислять все достоинства, достаточно отметить важнейшие:

• Этот тип программного управления легко установить на компьютер, в управлении Joomla! прост в управлении
• Установка Joomla! бесплатна
• Используя Joomla!, можно без труда изменять как внешний вид сайта, так и его функциональность; это весьма похоже на игру с детским конструктором
• Для того чтобы начать работу с программным обеспечением Joomla! и создать сайт, достаточно иметь немного познаний в HTML, для создания же простых сайтов специальные знания необязательны
• В Интернете можно найти широкий ассортимент графических редакторов, которые были разработаны специально для Joomla!
• Программное обеспечение Joomla! отличается большой лёгкостью использования, что связано с его структурой; на базе Joomla! можно создать как простой сайт, так и сайт средней или высокой сложности
• Самое главное достоинство этого программного обеспечения заключается в наличии несложного интерфейса, понятного как опытному пользователю, так и новичку; то есть самостоятельная установка и настройка Joomla! является несложной задачей

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

Базовое сжатие

Под этим понятием подразумевают работу по обрезанию лишних полей, сокращению глубины красок и т.д. Оптимальные программы для выполнения этих действий MS Paint, фотошоп или на худой конец GIMP.

Уменьшаем картинку с помощью MS Paint

С MS Paint легко увидеть, как сделать картинку меньше. Для работы берем логотип NGINX в формате nginx.png. Сейчас он 2000×417 пикселей. По ширине его необходимо сократить до 1024 (верстка страницы).

Запускаем Paint (Пуск-Выполнить-Вводим MS Paint)

1. Открываем программу. Кликаем на файл nginx.png. Ищем графу «Изменить размер», благодаря которому появится окошко с пикселями и %. Выбираем «Пиксели» и указываем требуемый размер, то есть обозначаем необходимую нам ширину 102.
2. Оптимизируем файл в MS Paint. Теперь у нас есть иллюстрация, прошедшая базовую оптимизацию. Можно приступать к ее сжатию.

Программа File Optimizer

Оптимальный вариант — применять для оптимизации File Optimizer (http://nikkhokkho.sourceforge.net/static.php?page=FileOptimizer). Она позволяет сжимать не только размер картинок, но и оптимизировать файлы .pdf, .docx, txt, видео-, аудиофайлы и многое другое. Перечень расширений, с которыми работает программа, можно найти на ее официальном сайте по указанному выше адресу.
Некоторые утилиты, используемые в работе: AdvanceCOMP, pngquant, APNG Optimizer, jpegoptim, CSSTidy, zRecompress, DeflOpt и многие другие. Уважение вызывает даже неполный перечень.

File Optimizer. Применение

Для начала скачайте и установите на свой компьютер программу в виде архива с файлами или инсталлятора.

У программы интуитивно понятный интерфейс, которым просто пользоваться. Он не требует дополнительных настроек. Если, конечно, вы сами не желаете скорректировать что-то «под себя». В этом случае воспользуйтесь кнопкой Options...
Начинаем оптимизацию. Для работы с файлом (каталогом или папкой) его следует перетащить в окно программы. Можно также открыть через меню, воспользовавшись «Add files». Нажимаете «Optimize all files» для оптимизации.

Сжатые файлы заменят исходные автоматически, иерархия категорий при этом останется прежней. Напротив всех файлов будет информация о том, сколько в % от первоначального изображения он весит.
Когда закончите, сможете увидеть данные о числе обработанных файлов и полученной экономии.
Работать с программой просто, программа качественная, но может долго оптимизировать, если список картинок большой.

Как сжать иллюстрацию PNG, сохранив качество

Широко применяются три программы для уменьшения веса такого формата:

• OptiPNG
• Фотошоп
• PNGOUT

Давайте сопоставим как они выполняют сжатие. Возьмем логотип nginx.png, который использовался выше. Он весит 27,5 Кб. Первым протестируем фотошоп. Это одна из самых популярных дизайнерских программ, которая позволяет выполнять множество манипуляций с иллюстрациями.

В Adobe Photoshop открываем "файл — сохранить". Второй вариант — воспользоваться набором клавиш Alt+Shift+Ctrl+S. Запускаем процесс сжатия. В итоге видим картинку, которая весит больше, чем на 17% меньше. После сжатия она 22,7 Кб.

Впрочем, графические программы считаются не лучшим помощником при оптимизации PNG. Возникает много ошибок. По этой причине специалисты советуют использовать специализированные программы типа OptiPNG и PNGOUT.

Тестируем OptiPNG

Утилита была придумана как раз для уменьшения веса иллюстраций PNG (http://optipng.sourceforge.net/).

Скачивая ее, не забудьте про Far Manager, он тоже понадобится.

optipng -o7 nginx.png

Итак, скачали .exe, установили на диск C. Теперь помещаем файл в одну из папок. FAR Manager помогает зайти в папку и ввести команду в консоль. Это заставляет файл сжиматься прямо в папке. Процент сжатия составил без малого треть веса — больше 31%. В итоге картинка весит 18,8 Кб.

Тестируем PNGOUT

Эта утилита придумана с той же целью, что и OptiPNG. Устанавливаем ее (http://www.advsys.net/ken/utils.htm) по той же схеме.
Теперь по уже описанной схеме открываем папку с PNG и прописываем в командной строке pngout nginx.png. Итоговая экономия после сжатия составила 15%, вес - 23,4 Кб.

pngout nginx.png

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

Оперативное сжатие

Если вы хотите быстро уменьшить вес иллюстрации PNG в любой из двух последних названных утилитах, вам придется создать файл OptiPNG и PNGOUT png.reg. После этого туда записываются сведения для реестра.

Теперь запускаем файл и вносим сведения в реестр. Кликаем по папке с файлами и выбираем необходимую команду. Файлы сожмутся автоматически сразу все.

Windows Registry Editor Version 5.00
[HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\OptiPNG]
@="Run OptiPNG on Folder"
[HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\OptiPNG\command]
@="cmd.exe /c \"TITLE Running OptiPNG on %1
	&& FOR /r \"%1\" %%f IN (*.png) DO optipng -o7 \"%%f\" \""
[HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\PNGOUT]
@="Run PNGOUT on Folder"
[HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\PNGOUT\command]
@="cmd.exe /c
	\"TITLE Running PNGOUT on %1 && FOR /r \"%1\" %%f IN (*.png) DO pngout \"%%f\" \""

Для того чтобы все убрать из контекстного меню, пишете код в png.reg и запускайте.

Windows Registry Editor Version 5.00
[-HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\OptiPNG]
[-HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\OptiPNG\command]
[-HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\PNGOUT]
[-HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\PNGOUT\command]

Сжимаем картинки JPEG и JPG, сохраняя качество

Свои утилиты есть и для уменьшения веса иллюстраций JPEG и JPG — jpegtran и jpegoptim. Некоторые пользуются фотошопом, но специалисты рекомендуют эти программамы.

Тестируем jpegtran

Эта программа помогает просто сжать картинку JPG, сохранив при этом ее качество. Она также позволяет выполнить оптимизацию с конкретным уровнем сглаживания и преобразовать файл в Progressive JPEG.

Скачиваем и устанавливаем программу (http://jpegclub.org/jpegtran/) по привычной схеме. Как и в предыдущих случаях открываем в Far Manager папку с JPEG и вводим в консоли:

Эта методика влияет на качество картинки, но обычно это незаметно. При этом экономия места получается значительная.

Progressive JPG, JPEG

Это особый тип картинок, которые загружаясь сначала отображается лишь очертаниями, а потом в качестве max. Такие картинки удобнее, если скорость загрузки страниц медленная.

Для того чтобы удостовериться, является ли иллюстрации Progressive JPEG, достаточно воспользоваться ссылкой (http://highloadtools.com/progressivejpeg).

Оперативное сжатие JPEG в jpegtran

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

Сделать это нетрудно. Просто создайте файл .bat (можно через Far Manager) и запишите:

Пользуемся jpegoptim

Скачайте утилит ( http://sourceforge.net/projects/jpegoptim/) и запустите у себя на компьютере.
Для того чтобы сжать иллюстрацию формата JPG, помещаем в папку и вводим в консоль:

Программа позволяет уменьшать вес иллюстрации JPG, JPEG. В ней можно работать через контекстное меню. Для этого создаем файл jpegoptim.reg и запишем:

Запускаем, потом вносим информацию в реестр и можно сжимать. Для того чтобы оптимизировать сразу много картинок посредством контекстного меню, помещаем их в папку, ПКМ и «Run jpegoptim on Folder».

Для того чтобы убрать jpegoptim из контекстного меню, реестра, придется записать jpegoptim.reg
Затем сохраняем, запускаем и вносим корректировки в реестр.

Тестируем утилиты

Для проверки работы двух названных программ, берем файл caching.jpg, которые до сжатия весил 29,5 Кб. После уменьшения веса файла JPG через jpegtran вес составил чуть больше 29 Кб (1,3%). При оптимизации через jpegoptim экономия составит пару сот байтов.
Во многом такой результат объясняется тем, что первоначальный вариант файла был хорошо подготовлен. Протестируйте утилиты на полновесных картинках и вы увидите, насколько можно сэкономить.

Автоматическая оптимизация иллюстраций

Итак, вы попробовали все варианты, но не один удовлетворил полностью? Тогда можно попробовать собрать самостоятельно сервис по уменьшению веса иллюстраций. Для этого важно правильно составить архитектуру папок. Предположим, что у вас есть папка images, внутри которой еще одна — uploads с собственной последовательностью папок, содержащих файлы PNG и JPG. Давайте создадим новую и назовем ее optimus. Переместим туда images с вложениями. Теперь можно запускать Far Manager, открывать в нем optimus, создать файл go.bat и, наконец, записать:

После этого сохраняем go.bat и запускаем. Оптимизация файлов разного формата будет вестись раздельно. Располагаться сжатые картинки будут по разным папкам.

Корректировать качество и остальные характеристики можно с помощью вышеописанных утилитов.

Сжимаем GIF

Многие задаются вопросом как оптимизировать GIF? Ответ на него простой: «Сделать это невозможно». Используйте в качестве альтернативы PNG, в нем нет лимитов по цветам палитры и есть возможность использования прозрачной подложки. GIF следует применять исключительно для анимированных изображений.

1. Для начала, необходимо открыть векторное изображение.
   
   
   
   
   
2. Далее, необходимо зайти в слои и убедиться, один ли слой и сколько групп в изображении. Если перед нами несколько слоев, их необходимо выделить в панели и объединить в один в закладке Layers-Merge Selected.
   
   
   
   
   
3. Затем, в рабочей области выделяем полностью вектор и в панели Object нажимаем Ungroup пока данная функция станет не активной.
4. После того, как останется один слой и полностью разгруппированный вектор, необходимо выделить все элементы в аналогичной закладке Layers и нажать Release to Layers. В итоге, каждый элемент станет отдельным слоем.
   
   
   
   
   
5. Останется дело за экспортом файла в Photoshop.

Если же установлена русская или ещё какая локализация языка, а Вам не обходимо включить английский, то это несложно сделать самому:
В папке C:\Program Files\Adobe\Adobe Photoshop CS6\Locales\ru_RU\Support Files
для 32-битной windows
и C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit) \Locales\ru_RU\Support Files
для 64-битной
Находим файл в расширении .dat и цифирным именем, и переименовываем его, например, dat.bak.
Если нужно перейти на изначальный язык, переименовываем файл в первоначальный вид.

Наш блог рад вновь приветствовать вас! Вы наверняка давно хотели уделить более пристальное внимание протоколу Open Graph как возможности для получения значительного количества трафика из очень популярных нынче социальных сетей.

Для начала следует понять, что представляет собой разметка Open Graph. Подразумевается протокол, способствующий управлению и контролю данных, который формируется в предварительной части (информация, структурируемая на странице) относительно поста, которым пользователь решил поделиться ссылкой в соцсетях.

Перед вами пример страницы Вконтакте в виде структурированной информации относительно ссылки на статью с применением протокола Open Graph:

В Facebook её вид следующий:

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

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

Наверное, у вас имеется идеи по настройке разметки Open Graph в отношении собственного сайта, по следующим схемам в сообществам по определённой теме, относящимся к социальным сетям?

Как происходит настройка разметки Open Graph

Попытаемся разобраться относительно настройки протокола Open Graph для собственного сайта в целях воплощения данных идей в жизнь.
В этом нет ничего сложного. Перед вами представлен исходный код протокола Open Graph:
Размещаемый в коде страницы, раздел <head>…</head>, и находящийся, к примеру, после основных мета-тегов.

Рассмотрение тегов Open Graph производится по отдельности, после чего мы попытаемся разобрать их значение:

1. «og:description» — краткое описание, выводимое посредством формирования предварительной части ссылки.
2. «og:image» — указание на ссылку в отношении картинки, отображаемой в посте.
3. «og:locale» — означает локализацию (язык, применяемый на сайте), с возможностью применения «ru_RU» (по умолчанию).
4. «og:site_name» — указывает на называние сайта.
5. «og:title» — заголовок статьи.
6. «og:type» — тип страницы с возможностью «article» в виде умолчания.
7. «og:url» — обозначение ссылки в отношении страницы сайта.

После расписанных значений тегов остаётся произвести заполнение, после чего произвести внедрение в код соответствующей страницы.

Дополнительно после внедрения Open Graph потребуется установка кнопки «Поделиться» в соцсетях в конце страницы. В итоге данный процесс существенно упростится. Это способствует упрощению задач SEO-оптимизатора, если потребуется работать с биржей «лайков». Несмотря на то, что такие биржи не принесут ожидаемого эффекта, наступит неизбежное ускорение процесса индексации или переиндексации в момент продвижения сайта. К примеру:

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

Выбор пользовательских запросов, составляющих семантическое ядро, производится на основе глубокого анализа следующих факторов:
представленные на сайте продукты или услуги; статистические показатели посещаемости онлайн-ресурса; статистические показатели того или иного поисковика, под который планируется продвижение; статистика близких по тематике сайтов-конкурентов.

Список ключевых фраз, составляющих семантическое ядро, в идеале должен как можно шире отражать представление потенциальных посетителей о конкретном онлайн-ресурсе.

Предназначение семантического ядра

СЯ применяется оптимизаторами для максимально разносторонней, а значит, и более результативной раскрутки сайтов. Таким образом, в жестких условиях текущей конкуренции в сфере SEO-оптимизации эффективное продвижение сложно представить без правильного составления семантического набора. К тому же, расчет предварительной цены раскрутки производится на основе объема и качества выбранного семантического ядра.

Процесс подбора семантического ядра

Сначала с помощью специальных онлайн-инструментов подбирается определенное количество ключевых фраз (как правило, от 1 до 5 тысяч). Затем производится ручное отсеивание ненужных словоформ (или процесс автоматизируется специальными программами). Первым делом надо убрать несоответствующие задачам продвижения ключевики. Затем потенциальные пользовательские запросы классифицируются по приоритетности и распределяются по продвигаемым страницам сайта.

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

Основные критерии грамотного подбора семантического ядра

Число показов в поисковике или, другими словами, частота пользовательских запросов. Они подразделяются на три категории: высокочастотные (ВЧ), среднечастотные (СЧ) и низкочастотные (НЧ).

Число показов непосредственно ключевого слова без участия в тех или иных поисковых фразах, набираемых пользователями.
Число показов без морфологических изменений (то есть изменений падежей или спряжений ключевого слова).
Внутренняя релевантность конкретных страниц тем или иным пользовательским запросам.
Положение конкурентных страниц в ТОПе поисковой выдачи.

Приблизительный расчет бюджета продвижения определенной ключевой фразы.
Конкурентность ключевика (высококонкурентный - ВК, среднеконкурентный - СК, низкоконкурентный - НК), которая определяется по количеству находящихся в поисковой выдаче ресурсов, соответствующих выбранному пользовательскому запросу.
Планируемое и реальное число переходов. Рассчитывается путем аналитической оценки ТОПа и числа показов поискового запроса без морфологического изменения.

Число отказов (то есть количество пользователей, покинувших сайт после просмотра только одной страницы). По отдельности рассчитывается для каждой поисковой фразы путем анализа внутренней статистики онлайн-ресурса.
Сезонные колебания и географическая привязка. Те или иные запросы, по которым продвигается сайт, могут значительно меняться в зависимости от времени года и географического расположения пользователей.
Некоторые специфические особенности тех или иных поисковых запросов.

Программы и онлайн-инструменты для создания СЯ

Первоначальный подбор СЯ можно полностью автоматизировать. Используя вспомогательные инструменты, нетрудно составить базу всех возможных ключевых фраз в любой выбранной тематике, а затем произвести ручное отсеивание ненужных запросов. Самые известные онлайн-сервисы для первичного составления СЯ:
Yandex Direct Google AdWords Rambler Adstat

Также существует несколько программ, помогающих практически полностью автоматизировать процесс подбора СЯ, самые популярные из которых:
AddStudio CS Yazzle Key Collector

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