Простейший вариант для закрытия ссылки от индексации, который одобряют поисковые системы, это использование атрибута rel=”nofollow”. Для скрытия текста от индексации Яндекс дополнительно поддерживает тег <noindex> (внутри этого тега текст не индексируется). Метод хороший, если бы только он работал так, как нужно, чего, к сожалению, не происходит на практике. За подробностям в поиск или к сеошникам

Существуют различные варианты решения задачи с использованием JavaScript. Говорят, сейчас поисковики умеют выполнять JS и даже выполнять AJAX-запросы. Учитывая этот факт, нам остаётся использовать ещё одну возможность поисковиков — запретить поисковому роботу обращение к скрываемым данным через robots.txt. Тут можно пойти двумя путями:

1. Закрыть от индексации файл js-скрипта.
2. Реализовать функционал с помощью AJAX и закрывать не файл js-скрипта, а URL, к которому обращается скрипт для получения данных.

Приведу примеры решений.

Для всех вариантов, обязательно подключение js-библиотеки jQuery,

Скрытие ссылки путём подмены тега <a>

В коде страницы для скрываемых ссылок заменяем тег <a> на тег <span> с неким классом, по которому с помощью JS находим наши ссылки и меняем обратно теги <span> на <a>.

Скачать пример

Ссылки, которые необходимо скрыть, будут иметь следующий вид:

<span class="islink" data-href="http://yandex.ru/">Яндекс<span>

Все атрибуты, которые используются в теге <a> прописываются с префиксом data-.

Плюсы:

• скрываемые ссылки хранятся в коде страницы

Минусы:

• в коде страницы сохраняется текст ссылки;
• нельзя использовать для HTML-блоков.

Скрытие html-блоков от индексации путём замены пустых тегов

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

Данный вариант можно реализовать как с использованием AJAX, так и без.

Скачать пример: без AJAX, с использованием AJAX.

Скрываемые блоки заменяем в коде на следующий код:

<span class="isblock" data-id="block1"></span>

Атрибут data-id содержит идентификатор блока.

В случае использования AJAX сам скрипт можно не выносить в отдельный файл, а расположить в существующем файле js-скриптов или прямо в коде странице в теге <script>.

Без использования AJAX код скрываемых блоков и ссылок хранится в js-файле, как переменная js:

var blocks = {
 'link1': '<a href="http://yandex.ru/" title="Yandex">план размещения</a>',
 'block1': '<p>Программа лояльности, анализируя результаты <a href="http://google.ru/" title="Google">рекламной кампании</a>,' +
 'ускоряет популярный пресс-клиппинг, полагаясь на инсайдерскую информацию. До недавнего времени считалось, что' +
 'имидж предприятия концентрирует продуктовый ассортимент, используя опыт предыдущих кампаний. Концепция развития,' +
 'как принято считать, экономит портрет потребителя, отвоевывая рыночный сегмент. Нишевый проект концентрирует' +
 'пак-шот, не считаясь с затратами. Привлечение аудитории притягивает комплексный метод изучения рынка, осознавая' +
 'социальную ответственность бизнеса. Стимулирование сбыта, анализируя результаты рекламной кампании,' +
 'синхронизирует эмпирический метод изучения рынка, отвоевывая рыночный сегмент.' +
 '</p>',
 'link2': '<a href="http://mail.ru/" title="Mail">действия конкурентов</a>'
 }

В случае же с использованием AJAX код блоков хранится в отдельном файле в формате HTML, что более удобно для поддержки:

<block id="link1">
  <a href="http://yandex.ru/" title="Yandex">план размещения</a>
</block>

<block id="block1">
  <p>
    Программа лояльности, анализируя результаты <a href="http://google.ru/" title="Google">рекламной кампании</a>,
    ускоряет популярный пресс-клиппинг, полагаясь на инсайдерскую информацию. До недавнего времени считалось, что
    имидж предприятия концентрирует продуктовый ассортимент, используя опыт предыдущих кампаний. Концепция развития,
    как принято считать, экономит портрет потребителя, отвоевывая рыночный сегмент. Нишевый проект концентрирует
    пак-шот, не считаясь с затратами. Привлечение аудитории притягивает комплексный метод изучения рынка, осознавая
    социальную ответственность бизнеса. Стимулирование сбыта, анализируя результаты рекламной кампании,
    синхронизирует эмпирический метод изучения рынка, отвоевывая рыночный сегмент.
  </p>
</block>

<block id="link2">
  <a href="http://mail.ru/" title="Mail">действия конкурентов</a>
</block>

Плюсы:

• позволяет скрывать не только ссылки, но и любые html-блоки;
• скрывается полностью весь блок (и теги и текст).

Минусы:

• код заменяемых блоков хранится отдельно от кода страницы.

Какой вариант для скрытия от индексации ссылок или блоков страницы решать вам, главное не забывайте скрывать файл с js-скриптом или запрашиваемый AJAX-запросом файл через robots.txt.

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

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

Список свежих e-commerce плагинов для WordPress (последнее обновление было не позднее 6 месяцев назад):

• WooCommerce
• WP e-Commerce
• eShop
• Shopp
• Cart66
• MarketPress eCommerce
• Jigoshop
• TheCartPress
• DukaPress
• WP-Shop

Что интересно, все разработки зарубежные, за исключением последней: WP-Shop. Но сайт этого плагина ужасен, а на главной странице сайта плагина вообще висит demo-магазин с платными ссылками, так что сразу и не разберешься, как найти плагин.

Изучив плагины, приходишь к выводу, что на самом деле безоговорочный лидер — WooCommerce. Это один из самых популярных плагинов для реализации интернет-магазина на WordPress’е. Скачиваний на сайте wordpress.org более 2х миллионов. Распространяется бесплатно.

WooCommerce поддерживает несколько видов товаров:

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

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

В целом плагин сделан очень качественно и имеет интуитивно-понятный интерфейс. Начать его использовать очень просто.

Существует много тем заточенных под WooCommerce. Несколько ресурсов:

• Темы на сайте WooThemes (разработчик WooCommerce) — представлены как платные, так и бесплатные темы.
• ThemeForest — только платные темы.

Функционал магазина можно существенно расширить за счёт плагинов (существует более 300 расширений). Например, подключить различные платёжные системы, добавить новые виды атрибутов товаров, добавить возможность пользователям составлять wish-листы и так далее. Многие плагины — платные, вот как раз на них и зарабатывают разработчики WooCommerce.

Русскоязычная студия SAPHALI (украинцы вроде бы) занимается адаптацией WooCommerce под реалии рунета. Они сделали бесплатную качественную русификацию, а также разработали более 70 плагинов на русском языке для WooCommerce, в том числе платёжные шлюзы для Webmoney, Яндекс.Денег и др.

Остальные плагины сделаны не так качественно и удобно, обладают меньшим функционалом и имеют меньшее количество расширений. В общем в текущей ситуации выбор один — WooCommerce.

Для того, чтобы настроить в phpStorm компиляцию LESS в CSS, нужно сначала установить сам компилятор LESS. Как подсказывает нам официальный сайт LESS, проще всего это сделать с помощью npm (пакетного менеджера Node.js). Так мы и поступим.

При написании статьи использовались следующие версии ПО:

• phpStrom 7.1
• Windows 7 64 bit

Установка NODE.JS

Скачиваем последнюю версию дистрибутива с сайта http://nodejs.org/. Как правило, сайт сам определяет какой дистрибутив подходит для вашей системы. Остаётся только нажать INSTALL.

После скачивания запускаем установщик и next, next, next… Со всем соглашаемся.

Установка компилятора LESS

Запускаем Node.js command prompt (ярлык должен появиться в меню «Пуск»):

В командной строке вбиваем:

npm install -g less

… и жмём Enter. Ждём пока установиться компилятор LESS и закрываем окно:

Перезагружаем компьютер.

Настройка phpStorm

В настройках phpStorm включаем плагин «LESS support»:

Теперь при открытии в phpStorm файла *.less сверху редактора должна появится зелёная плашка с уведомлением о том, что для данного файла доступен file watcher «LESS»:

Выбираем ссылку «Add watcher». Готово! Теперь при сохранении файла *.less будет автоматически создаваться файл *.css в той же папке с тем же именем.

Убираем автоматическое открытие консоли при ошибке в LESS

По-умолчанию, при редактировании файла *.less в phpStorm в случае ошибки компиляции автоматически открывается консоль с ошибкой. Чтобы от этого избавиться, нужно зайти в настройки, выбрать пункт File Watchers, далее выбрать LESS и нажать на иконку «редактировать», в открывшемся окне ищем элемент «show console» и выбираем пункт «never»:

Первая попытка вести блог была в далёком 2007 году. Как раз тогда в интернете развелись бомжи и манимейкеры =). Было время, когда все хотели за год заработать на квартиру, занимаясь всякой чепухой в интернете (и некоторым это удавалось), и каждый вёл блог про свои мытарства на поприще заработка денег в интернете. Я тоже поддался и завёл блог на сервисе blogspot.com. Ставил себе публично цели, выдавал “стриптизы”, ругался на яндекс, пытался самозамотивироваться.

Немного поварившись в блогосфере, я решил, что гораздо круче вести блог на отдельном домене. Купил predvoditelev.ru, поставил WordPress, нашёл бесплатную тему и готово! Но на долго меня не хватило и я довольно быстро забросил блог.

Потом было несколько попыток начать вести блог. Писал пару месяцев и забивал. А к каждой попытке подходил основательно – новый дизайн, новый движок. Ставил другие движки, писал свой движок… Но заканчивалось всё всегда одинаково.

И вот на кануне 2014 года желание начать вести блог в очередной раз материализовалось. Но тут я решил пойти по другому пути. Ведь сила в интернете в чем? Продуманный дизайн, быстрый и качественный код… Нет, сила в контенте. Поэтому сначала контент, а потом всё остальное.

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

Буду писать о… Да о чем будет писаться, то и буду писать.
Удачи мне =)