Архив Тэгов: WordPress

Интернет

Установить аватар авторства Google+ в поисковой выдаче для WordPress блога

Решил установить на свой авторский блог о моем проекте Orgeo.ru привязку к профилю Гугл. Это дает большое преимущество вашему сайту в поисковой выдаче, так как слева от сниппета (вашей строки в результатах поиска) будет отображаться ваша аватарка из профиля Google+. А это должно дать преимущество именно вашей странице, потому что:

  1. картинка позволяет визуально выделиться,
  2. вызывает большее доверие, чем к результатам без фотографии и ссылки на автора.

Вот как будет выглядеть сниппет результата поиска:

Авторство Google+ отображаемое в поисковой выдаче Гугл

Авторство Google+ отображаемое в поисковой выдаче Гугл

Далее описаны 3 способа, в зависимости от того, какую CMS систему вы используете: читать далее »

Интернет

Решение проблемы 404-х битых ссылок: обзор плагина Redirection для WordPress

У меня есть блог с длинной историей, работающий на WordPress уже славных 7 лет. Для мониторинга его состояния и индексации основным российским поисковиком, я года два назад добавил его в сервис Яндекс.Вебмастер, что дало полное представление как о положительных моментах сайта — количество внешних ссылок и статистике поисковых запросов и переходов, но и об отрицательных моментах — ошибках в индексации.

Меня, в частности, заинтересовал вопрос о том, что у моего сайта накопилось огромное количество битых ссылок со статусом 404 (Страница не найдена). В итоге, мне помог WordPress плагин Redirection, но обо всем по порядку… читать далее »

Дизайн

Секс* и шаблоны WordPress

Бродя по Интернету, наткнулся на весьма удачный, с моей точки зрения, рекламный ход — привлечения внимания ярким броским интригующим словом, пусть и ни как не связанным с объектом маркетинга. Вот собственно, сам этот рекламный баннер:

Секс - слово для привлечения внимания

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

Этот баннер рекламирует весьма неплохую базу платных шаблонов. В том числе там есть шаблоны и для WordPress. Средняя цена — 2000 рублей за готовый шаблон. В принципе, достаточно приемлемый вариант для быстрого изготовления уникального дизайна сайта. Но не стоит забывать, что есть и бесплатные базы шаблонов. Причем самая обширная и интересная из них — это официальная база бесплатных шаблонов WP. Я лично отдаю предпочтение именно бесплатным шаблонам по нескольким причинам:

  1. Они бесплатные, а точнее «свободные» — их нельзя перепродавать, а также нужно оставить ссылку на автора темы.
  2. Чаще всего они более грамотно построены, с применением всех последних тенденций в Веб-разработках. Поэтому, лучше скачать самую свежую версию интересной темы и уже дорабатывать, кастомизировать, её, а не какую-то пусть и более красивую, но менее современную тему.
  3. Качественные стандартные темы часто обновляются. А купленную навряд-ли кто-то будет поддерживать. Но по обновлению тем — это отдельная большая история…
Интернет

Кнопки социальных сетей «Мне нравится» и «Поделиться»

Добавление небольшой панельки с кнопками «Поделиться» (Share this) или «Мне нравится» (Like) на ваш сайт принесет много плюсов:

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

Существует множество способов, как встроить такую панель (bar) с кнопками в дизайн вашего сайта. Вот несколько базовых способов:

  1. Самый простой способ — использовать API Яндекса — блок «Поделиться». Это самый элементарный вариант — просто выбираете нужные кнопки и копируете себе HTML код для вставки на ваш сайт. Никаких дополнительных функций не будет. Для WordPress есть специальный плагин «WP Ya Share».
  2. Намного более навороченный западный аналог — AddThis.com. Принцип тот же — настраиваете и копируете код на сайт. Большое отличие — наличие аналитики переходов по этим кнопкам и тот же таргетинг аудитории. То есть вы будете иметь отчеты показывающие количество людей поделившихся вашей страницей или «лайкнувших» в разрезе регионов и социальных сетей. Для WordPress есть одноименный плагин «AddThis».
  3. Ну и наконец, самый технически сложный вариант — установить кнопки конкретных социальных платформ вручную, используя API конкретной платформы. Тут конечно есть и свои плюсы — максимальная гибкость, но есть и минусы — сложность настройки и необходимость поддержки, то есть отслеживания изменений в API выбранных народных сетей. Это может оправдать себя для более сложных технически проектов.

В нашем блоге я установил самый простой вариант — блок «Поделиться» от Яндекс API, совместив его с ручной интеграцией в тему WordPress. Для возможности повторного использования кода, я добавил специальную функцию в мою тему.
Дальнейшие инструкции
читать далее »

Интернет

Создание иконки сайта Favicon.ico

Сегодня занялся созданием иконки для нашего сайта. Для этого использую онлайн редактор Favicon.cc.

UPD 2013.10.26: Сегодня я также обнаружил новый российский инструмент Iconizer.net, который хоть и не имеет paint-подобного редактора, но зато обладает большой базой иконок, легко искабельных по фразам, например, «компас». Иконки затем легко можно подгонять под нужный размер и скачивать в разных форматах: jpg, png, gif, bmp, ico. Он уже больше относится к сфере именно иконок для интерфейсов или логотипов, но и для создания вашего favicon.ico в принципе подходит.

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

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

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

Как рисунок будет готов, по кнопке «Download Favicon» загружаем себе на компьютер файл favicon.ico. Потом скидываем его в корневой каталог себе на сервер через FTP или менеджер файлов панели хостинга. Этого уже в принципе достаточно для отображения иконки во вкладке браузера. Но для большей совместимости с разными браузерами, желательно также прописать в HTML-размете страницы в области HEAD мета-тэг указывающий на файл иконки:

...
	<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
...

Если у вас CMS WordPress то это делается в редакторе тем в меню: «Внешний вид -> Редактор -> Заголовок (header.php)».

Ну вот в принципе и всё…