Category Archive: Создание сайтов

Subcategories: Нет рубрик

MODx: видео урок по установке и созданию сайта

modx создание сайта урокиСистема управления сайтом MODx (описание CMS MODx) становится все популярнее у разработчиков. В основном это связанно с простотой и гибкостью системы.

Для получения удовольствия от работы с CMS MODx вы должны обладать первоначальными навыками в создании сайтов. Для новичка первоначально работа будет трудновата. Но потраченные силы не пропадут даром!

Для упрощения процесса "втягивания" в MODx предлагаю ознакомиться с обучающими информационными статьями:

Так же предлагаю к ознакомлению обучающий видео урок по установке и созданию сайта на MODx. Длительность видео составляет 30 минут. Надеюсь данные материалы  будут полезны.

Также автор видео предлагает бонус — подборка полезных ссылок из видео, а также исходники.

Всем успехов!

Основные теги , , , ,

SEO-копирайтинг, или как написать работающий текст для сайта

сео копирайтинг или как написать хороший текст для сайта

Как только результат продвижения, заказанного у специалиста, виден, у владельца сайта начинаю возникать вопросы:

  • почему посещаемость сайта большая, а заказов нет?
  • у нас самые низкие цены, а заказов до сих пор так мало?
  • И КАК УГОРАЗДИЛО ОБРАТИТЬСЯ ИМЕННО К ЭТОМУ БЕЗГРАМОТНОМУ СЕОШНИКУ?! (риторический вопрос, как следствие первых двух)

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

Вряд ли с такого ресурсам можно получить высокую конверсию.

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

Влияние контента на SEO подтверждают большинство специалистов по маркетингу.  Стоит отметить, что к контенту стоит отнести не только текстовую информационную составляющую, но и графическое оформление и общую композицию.

Как написать продающий текст для сайта?

Единых рекомендаций по написанию "продающих" текстов, как вы и подозревали, нет. Несомненно, что стилистика и формат текста отличаются в зависимости от тематики и конкретных задач. Но основная наша задача - создать "продающий" и одновременно рабочий с точки зрения поисковых систем контент (контент = текст+графическое оформление+общая композиция).  И для этого можно воспользоваться несколькими приемами:

  • Оцените со стороны покупателя написанный текст. Не слишком ли скучный текст? Дочитали бы вы его до конца? В конце концов, понятно ли вам о чем говорится в тексте и что вам предлагается? Не мешает ли реклама, или всплывающий банер? В данном случае можете попросить друзей и товарищей оценить наполнение.
  • Оцените со стороны продавца написанный текст. Если ваш сайт в ТОПе, то поисковикам вы товар продали. А целевой посетитель обычно задает вопрос: почему я должен купить ЭТУ вещь именно у вас? Если в тексте раскрывается ответ на этот вопрос, то можно считать текст "имеет право на жизнь". А если нет...то вы сами  понимаете.
  • Вставайте "на плечи" лидеров. Данный метод очень полезен. Он заключается в анализе информации у конкурентов. Здесь вы можете получить новые идеи для своих текстов. Либо воспользоваться качественным рерайтом (немного переписанный текст сохранивший основное содержание).

Что сайт предлагает посетителям?

Представьте случай, что сайт не знает что предлагает посетителю! Это, конечно, мной преувеличивается, но в действительности получается так.

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

google алгоритм Панда

Копирайтер vs Заказчик

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

В конце хочется процитировать:

копирайтер_vs_заказчик"Отдельно стоит сказать об общении исполнителя с заказчиком. К сожалению, далеко не все владельцы сайтов осознают, что конверсия гораздо важнее позиций в ТОПе, и требуют от оптимизатора соответствующих текстов – при этом, например, выставляется требование к объему, что провоцирует авторов «лить воду». В этом случае необходимо объяснять клиенту, что прежде всего для реальных продаж надо стремиться к максимальной конверсии, а не к ТОПу. Тем более современные тенденции развития поисковых алгоритмов таковы, что лучше ранжируется текст, ориентированный на живого пользователя, чем на поисковую машину, то есть насыщенная ключевиками длинная статья даже поисковиком может быть оценена хуже, чем лаконичный живой текст с необходимым минимумом вхождений."

Анар Бабаев, генеральный директор Setup.ru. 

При написании статьи частично использован материал  с  http://seopult.ru. Спасибо за хороший материал!

Основные теги , , , , ,

Карта сайта (создать Sitemap для своего сайта)

Что такое Sitemap?

Sitemap - это файл в формате XML (обычно sitemap.xml) с информацией для поисковых систем (таких как Яндекс, Google) о страницах вашего сайта, которые подлежат индексации (индексированные страницы - это страницы добавленные поисковой системой в поисковую базу и участвующие в поисковой выдаче).

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

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

 Как сделать sitemap.xml?

Файл sitemap.xml состоит из XML-тегов, соответственно. В файле необходимо обязательно использовать кодировку UTF-8.

Сделать sitemap.xml можно несколькими способами:

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

Так же для некоторых систем управления сайтом (CMS) есть плагины, которые автоматически создадут карту сайта и будут обновлять ее по мере пополнения сайта новыми страницами. К такой системе (с соответствующим плагином) относится, например, WordPress (информацию о данной системе можно посмотреть здесь - ru.wordpress.org).

Сделать sitemap.xml самостоятельно

Для этого сначала необходимо создать сам файл sitemap формата xml:

  • создаем текстовый документ;
  • открываем созданный текстовый документ;
  • после того как открыли файл нажимаем Сохранить как... В открывшемся окне сохранения вводим имя файла sitemap.xml. Выбираем в выпадающем списке Все файлы и выбираем кодировку UTF-8.
создать файл sitemap формата xml

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

Чтобы сделать Sitemap своими силами необходимо знать соответствующий синтаксис. Ниже описан пример с доступными XML-тегами.

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>http://yoursite.ru/</loc>
<lastmod>2010-12-04</lastmod>
<changefreq>dayli</changefreq>
<priority>0.8</priority>
</url>
<url>
<loc>http://yoursite.ru/forum/</loc>
<lastmod>2010-12-04</lastmod>
<changefreq>hourly</changefreq>
<priority>0.9</priority>
</url>
</urlset>

Описание тегов XML для sitemap

<loc>http://yoursite.ru/</loc>
Задаёт URL-адрес страницы или документа.

<lastmod>2010-04-12</lastmod>
Задаёт время последнего изменения документа. Год-Месяц-День

<changefreq>dayli</changefreq>
Указывает частоту обновления страницы или документа. В данном примере это день. Возможные агрументы:

  • always — «всегда», изменение при каждом доступе
  • hourly — «ежечасно», изменение каждый час
  • daily — «ежедневно», изменяется каждый день
  • weekly — «еженедельно», изменения раз в неделю
  • monthly — «каждый месяц», модифицируется раз в месяц
  • yearly — «раз в год», документ обновляется каждый год
  • never — «никогда», документ или страница не изменяется: предпочтительно для архивных данных и страниц, например, раздел форума архив, в котором хранятся старые неактуальные темы

<priority>0.9</priority>
Задаёт приоритет обработки страниц краулером. Принимает значения от 0.0 до 1.0. Параметр никак не влияет на ранжирование и является относительным т.е. просто задаёт очередность обработки адресов.

Также стоит отметить, что необязательными являются:

<lastmod>
<changefreq>
<priority>

Сделать сайт при помощи генератора sitemap

В интернете много ресурсов платных и бесплатных, которые позволяют автоматически создать карту сайта в формате XML. Выбирайте на свой страх и риск по-своему усмотрению. Лично я пользуюсь программой SiteMap Generator. Данная программа бесплатная и представлена в интернете для свободного скачивания.

Местоположение файла Sitemap

Рекомендуется располагать файл Sitemap в корневой директории сервера, чтобы ссылка выглядела примерно так: http://yoursite.com/sitemap.xml

Но можно выложить файл и в другой директории. Но при этом необходимо будет задать путь к файлу. Это можно сделать, например, при помощи панелей администрирования в Яндекс и Google (http://webmaster.yandex.ru и http://google.com/webmasters, соответственно). Или прописать путь к файлу в файле robots.txt (см. также создание файла robots.txt). Чтобы сообщить поисковым системам местоположение файла Sitemap, можно в robots.txt добавить строку вида:

Sitemap: <sitemap_location>

Где <sitemap_location> — полный URL файла Sitemap, например: http://www.yoursite.com/sitemap.xml.

Важное при создании файла sitemap.xml

  • Все ссылки, перечисленные в файле Sitemap, должны находиться в том же домене, что и сам Sitemap.
  • Ссылки в файле Sitemap должны указывать на страницы, находящиеся в том же каталоге (или его подкаталогах), что и сам файл Sitemap.
  • Ссылки, указанные в файле Sitemap должны использовать тот же протокол (например, HTTP), по которому доступен файл Sitemap.
  • Можно предоставить несколько файлов Sitemap, однако в каждом из этих файлов должно быть не более 50000 URL, а размер каждого из этих файлов не должен превышать 10 МБ.
Основные теги , , , , ,

Шаблоны MODx

В данной статье будут публиковаться шаблоны MODx свои и собранные с разных источников. Так что следите за обновлением.
Если у вас возникли проблемы при установке, то ознакомьтесь со статьей "Как установить шаблон MODx?"

Шаблон "Ночной дом (Night home)"

Ночной дом шаблон MODxСкачать шаблон

Шаблон "Недвижимость (Real estate)"

Шаблон MODx недвижимостьСкачать шаблон

 Шаблон "Простой серо-голубой"

Шаблон MODx Простой серо-голубойСкачать шаблон

 Шаблон "Любовь"

Шаблон MODx Любовь
Скачать шаблон

 

Основные теги , ,

Обратная связь MODx

обратная связь MODx, форма обратной связи на MODxФорма обратной связи на сайте на данный момент является одним из стандартных элементов, как разделы Контакты, или Карта сайта. В данной статье я расскажу как создать форму обратной связи на сайте в системе управления сайтом MODx. Реализованна форма будет при помощи сниппета eForm.

Что такое сниппет eForm в MODx?

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

Этапы создания формы обратной связи на MODx

Создание формы обратной связи можно разделить на следующие этапы:

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

1. Создание чанка формы обратной связи

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

<div id="forma">
<p> [+validationmessage+] </p>
<br/>
<form method="post" action="[~[*id*]~]" name="myform">
<input type="hidden" name="formid" value="form1" />
<table  cellpadding="1" cellspacing="1" >
<tr >
<td >Ваше Имя:</td>
<td ><input type="text" name="Name" size="40" maxlength="60" eform="Ваше Имя::1" /></td>
</tr>
<tr >
<td >Ваш телефон:</td>
<td><input type="text" name="phone" size="40" maxlength="40" eform="Ваш Телефон::1" /></td>
</tr>
<tr >
<td >Ваш email адрес:</td>
<td><input type="text" name="email" size="40" maxlength="40" eform="Ваш email:email:1" /></td>
</tr>
<tr >
<td >Текст письма:</td>
<td><textarea cols="40" rows="6" name="comments" eform="Текст письма:html:1"></textarea></td>
</tr>
<tr >
<td colspan="2">Пожалуйста введите код: (Чтобы предупредить спам)</td>
</tr>
<tr >
<td ><img src="[+verimageurl+]" alt="verification code" /></td>
<td><input type="text" name="vericode" size="20" /></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input type="submit" name="submit" value="Отправить" ></td>
</tr>
</table>
</form>
</div>

Шаблон довольно прост. Поэтому останавливаться не буду. Если возникнут вопросы, то оставляйте комментарии :-)

2. Создание чанка письма, приходящего на почту

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

<p>Это письмо было отправлено с сайта</p>
<table>
<tr valign="top"><td>Name:</td><td>[+Name+]</td></tr>
<tr valign="top"><td>Email:</td><td>[+email+]</td></tr>
<tr valign="top"><td>Телефон:</td><td>[+phone+]</td></tr>
<tr valign="top"><td>Текст сообщения:</td><td>[+comments+]</td></tr>
</table>

3. Вставляем код формы на страницу

Для начала необходимо создать страницу в MODx, на которой будет форма обратной связи. Так же можно установить форму в шаблон сайта, чтобы форма была доступна на каждой страницы (см. установка шаблона MODx). Для того чтобы вставить форму на страницу в область контента страницы необходимо вставить код вызова сниппета eForm с подключенными созданными чанками:

[!eForm? &formid=`form1` &to=`mail@site.ru` &tpl=`form_tpl` &report=`formreport` &vericode=`1` &subject=`Сообщение с сайта` !],

где formid - уникальный идентификатор нашей формы,
to - адрес электронной почты, куда будут приходить сообщения,
form_tpl - имя чанка формы, созданного нами,
report - чанк шаблона письма приходящего на электронную почту.

После этого проверяем форму и если все сделали правильно, то все будет работать и теперь можно расслабиться и пойти попить чайку :-)

Основные теги , ,

MODx мета-теги (meta): настройка

Что такое мета-теги?

Мета-теги (англ. meta-tags) — это HTML (XHTML) -теги, предназначенные для предоставления структурированных метаданных о веб-странице. Мета-теги помещаются внутрь тега head в (X)HTML-документе, как правило, после тега TITLE. Мета-теги используются для указания описания страницы, ключевых слов и других данных.

В данной статье также рассматривается тег <title>, так как настройка данного тега аналогична настройки других мета-тегов и также данный тег относится к приемам поисковой оптимизации.

В каких целях необходимо настроить мета-теги?

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

Обычно мета-теги настраиваются в целях внутренней оптимизации. Данные теги помогают лучше поисковым машинам охарактеризовать страницы сайта.

Основные мета-теги:

  1. title - наверное самый главный тег, от которого может измениться положение страницы в поисковой выдаче. Как у книги должно быть название, так у сайта должен быть заполнен тег title.
  2. description - данный тег содержит краткое описание сайта. Обычно 2-3 предложения. Так же важный тег. Старайтесь всегда заполнять его.
  3. keywords - "ключевые слова". Название говорит само за себя. Заполняется тег ключевыми словами, соответствующими странице.

Мета-тегов на самом деле намного больше, но в данной статье рассматривать подробно не будем.

Настройка мета-тегов в MODx

Последовательность подключения мета-тегов к страницам выглядит так:

  • включаем отображение мета-тегов: заходим в панели администрирования Инструменты -> Конфигурация -> Интерфейс и представление и в пункте Показывать вкладку с META-тегами и ключевыми словами отмечам - Да. После этого в окне редактирования/создания страницы появится вкладка Ключевые слова.
  • создаем теги: заходим в Элементы -> Управление МЕТА-тегами и ключевыми словами. Начинаем заполнять поля Название -> home, Тег -> title, Значение -> Заполняем тег соответствующим заголовком, жмем Создать тег.
  • привязываем тег к станице: заходим в окно редактирования/создания страницы, далее во вкладку Ключевые слова. В окне Мета-теги подсвечиваем кликом созданный нами тег с именем home (можно выбрать несколько тегов с Ctrl) и жмем Сохранить.
  • все готово. Тег подключен. По аналогии создаем теги description и keywords. Подключаем аналогично.

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

Основные теги , , , , , , ,

Сниппеты MODx

Что такое сниппет (snippet) MODx?

Сниппет - это код элемента сайт требующего динамики на странице, который встраивается в страницу (гостевая книга, форма обратной связи, поиск по сайту и т. д.). Сниппеты  хорошо расширяют возможности системы управления. Сниппет может быть "серьезным" и многофункциональным, либо простым и несложным. Но оба они будут выполнять важную функцию. Возможность написанию собственных сниппетов дает большие возможности в "сайтостроении" на MODx.

Встроенные сниппеты в MODx

AjaxSearch — Назначение: позволяет пользователям производить поиск по сайту, не покидая страницы, на которой они находятся. Результаты возвращаются посредством запроса ajax и выводятся в окно результата ниже формы поискового запроса. (Если у пользователя отключен JavaScript, результаты выводятся в отдельном окне).

Breadcrumbs — 0.9d readcrumb (англ. «Хлебные крошки») — элемент навигации по сайту, представляющий собой путь по сайту от его «корня» до текущей страницы, на которой находится пользователь. Действие: представляет собой полосу в верхней части страницы примерно такого вида: Главная страница → Раздел → Подраздел → Текущая страница.

Ditto — Среди его основных функций — разбивка на страницы, вывод краткой версии статьи со ссылкой «далее», генерирование архива, сортировка по дате, заголовку и т. д.

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

FirstChildRedirect — Автоматически переводит на первый дочерний документ в папке.

Jot — 1.1.2 Коментарии пользователей, с возможностью модерирования и подписыванием на е-мэйл (вероятно при появлении ответа приходит уведомление на емэйл).

ListIndexer — Показывает самые недавние документы, Очень гибкая.

MemberCheck — Выборочно показывает чанки based on logged in Web User' group memberships.

NewsPublisher — Публикация новостных статей прямо из web.

Personalize — Простая Персонализация для web пользователей.

Reflect — Используется с Ditto, создаёт архивы статей, записей блога, галлерей изображений.

UltimateParent — Travels up the document tree from a specified document and returns the «ultimate» parent.

Wayfinder — Основное назначение Wayfinder — генерировать навигационные меню, автоматически отражающие изменения в структуре сайта, однако он может быть использован и с другими целями. Wayfinder — сниппет, сканирующий заданную часть дерева документов MODx, находящий все документы, отвечающие заданным условиям, и выводящий форматированный список этих документов. Формат вывода определяется шаблонами, он может включать любые комбинации HTML, CSS и JavaScript, что дает невероятную степень гибкости. Эти шаблоны являются чанками (то есть для задания какого-либо шаблона следует создать новый чанк, он то и будет являться шаблоном) На одной странице может присутствовать несколько вызовов Wayfinder, соответственно можно создавать несколько независимых меню и списков документов.

WebChangePwd — Сниппет смены пароля для web user’ов.

WebLogin — Сниппет входа на сайт web user’ов.

WebSignup — Сниппет регистрации на сайте web user’ов.

Как вызвать сниппет на странице сайта на MODx?

Обычно есть несколько вариантов добавления сниппета на страницу:

  • Для того чтобы вызвать сниппет на странице сайта в шаблоне сайта, надо вставить в код шаблона сайта [[name]], где вместо name необходимо вставить имя созданного или используемого сниппета.
  • Для того чтобы вызвать сниппет в теле документа в области [*content*], необходимо также вставить код вызова сниппета [[name]], где вместо name необходимо вставить имя созданного или используемого сниппета.

Есть и другие варианты вызова сниппета, но здесь мы рассмотрели базовые.

Где скачать сниппеты на MODx?

Сниппеты для MODx я обычно качаю с официального сайта - http://modx.com в разделе Extras. Несмотря на то, что многие сниппеты на английском, обычно присутствует инструкция по установке на английском языке. Поэтому с установкой проблем не возникало. Если необходим сниппет на русском языке, то стоит на этом же сайте в разделе форума поискать соответствующий языковой пакет.

Основные теги ,