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

Subcategories: Нет рубрик

301 редирект с динамической страницы на статическую

301 редирект с динамической страницы на статическуюОднажды столкнулся с такой необходимостью: было необходимо сделать переадресацию с динамической страницы на статическую. В интернете нашел много постов по данной проблеме. И большинство ответов на данный вопрос были такие: “Никак!” Варианты использования директив Redirect 301 и RewriteRule ни к чему не привели. Но мы то знаем что возможно все. Поэтому мое упорство было вознаграждено.

Итак, как же сделать 301 редирект с динамической страницы на статическую?

Информацию для настройки 301 редиректа вы можете найти в статье - 301 редирект в файле .htaccess

Здесь опишу вариант реализации при помощи файла .htaccess. В этом нам поможет директива RewriteCond %{QUERY_STRING}. Рассмотрим на конкретном примере:

Задача: перенаправить страницу вида http://eastlineavto.ru/index.php?id=21 на  страницу вида http://eastlineavto.ru/zapchasti_hovo.html

Решение:

Необходимо “включить” файл .htaccess и добавить директиву переадресации (для конкретного примера):

RewriteCond %{QUERY_STRING} ^id=21
RewriteRule ^index.php$ http://eastlineavto.ru/zapchasti_hovo.html? [L,R=301]

После этого проверил код ответа страницы с помощью Проверить ответ сервера от Яндекса. 301 редирект работает (рис.)

Проверка редиректа через Проверить ответ сервера от Яндекса

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

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

Добавление кнопки Twitter на сайт (на примере CMS MODx)

добавить кнопку twitter,кнопка twitter,кнопка twitter для сайта,twitter кнопка мне нравитсяДанная статья для многих не откроет особых секретов. Но так как лично я применил описанную ниже методику, то решил поделиться вариантом добавления кнопки Twitter. Данная кнопка позволит поделиться интересной страничкой в интернете с другими пользователями микроблога Twitter. с другими участниками микроблога (извиняюсь за тавтологию). Вдруг кому-то пригодиться.

Где взять кнопку Twitter?

Кнопку Twitter для добавления на свой сайт можно взять на официальном сайте микроблога в разделе Ресурсы.

twitter ресурсы

На странице Ресурсы выбираем раздел Кнопки. Заполняем соответствующие поля настройки кнопки. Потом копируем получившийся код.

twitter кнопки

 Как вставить код кнопки в шаблон MODx?

Для того чтобы добавить кнопку на свой сайт, необходимо вставить код скопированный с сайта Twitter в разделе Ресурсы -> Кнопки после заполнения всех полей в шаблон страницы, в данном случае MODx. Для этого в панели администрирования MODx выбираем Элементы -> Шаблоны и выбираем соответствующий шаблон (см. рисунок ниже).

twitter modx

После этого вставляем код кнопки в соответствующее место в шаблоне.

В итоге на сайте должна появиться красивая кнопочка Твитнуть. Такая же какой мы ее видели в примере на странице кнопки Twitter:

Twitter кнопка

Примечание по кнопке Twitter в шаблоне MODx

  • Данный метод позволяет добавить кнопку на все страницы сайта благодаря встраиванию кнопки в шаблон.
  • Для того чтобы добавить кнопку в соответствующую область в области контента на отдельной странице MODx целесообразно создать отдельный чанк с кодом кнопки (создание чанка можно рассмотреть на примере создания сниппета в MODx).
  • Для того чтобы кнопка появлялась только в соответствующем разделе, например, новости. То целесообразно будет сделать для данного раздела свой шаблон. В таком случае не придется добавлять код кнопки (или чанк) на каждую создаваемую страницу раздела отдельно, а достаточно просто присвоить данному разделу соответствующий шаблон. Что может сэкономить немного драгоценного времени :-)
Основные теги , , ,

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 - чанк шаблона письма приходящего на электронную почту.

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

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