# #301 Redirects for .htaccess # #Redirect a single page: Redirect 301 /pagename.php http://www.domain.com/pagename.html #Redirect an entire site: Redirect 301 / http://www.domain.com/ #Redirect an entire site to a sub folder Redirect 301 / http://www.domain.com/subfolder/ #Redirect a sub folder to another site Redirect 301 /subfolder http://www.domain.com/ #This will redirect any file with the .html extension to use the same filename but use the .php extension instead. RedirectMatch 301 (.*)\.html$ http://www.domain.com$1.php ## #You can also perform 301 redirects using rewriting via .htaccess. ## #Redirect from old domain to new domain RewriteEngine on RewriteBase / RewriteRule (.*) http://www.newdomain.com/$1 [R=301,L] #Redirect to www location RewriteEngine on RewriteBase / rewritecond %{http_host} ^domain.com [nc] rewriterule ^(.*)$ http://www.domain.com/$1 [r=301,nc] #Redirect to www location with subdirectory RewriteEngine on RewriteBase / RewriteCond %{HTTP_HOST} domain.com [NC] RewriteRule ^(.*)$ http://www.domain.com/directory/index.html [R=301,NC] #Redirect from old domain to new domain with full path and query string: Options +FollowSymLinks RewriteEngine On RewriteRule ^(.*) http://www.newdomain.com%{REQUEST_URI} [R=302,NC] #Redirect from old domain with subdirectory to new domain w/o subdirectory including full path and query string: Options +FollowSymLinks RewriteEngine On RewriteCond %{REQUEST_URI} ^/subdirname/(.*)$ RewriteRule ^(.*) http://www.katcode.com/%1 [R=302,NC] #Rewrite and redirect URLs with query parameters (files placed in root directory) #Original URL: http://www.example.com/index.php?id=1 #Desired destination URL: http://www.example.com/path-to-new-location/ #.htaccess syntax: RewriteEngine on RewriteCond %{QUERY_STRING} id=1 RewriteRule ^index\.php$ /path-to-new-location/? [L,R=301] #Redirect URLs with query parameters (files placed in subdirectory) #Original URL: http://www.example.com/sub-dir/index.php?id=1 #Desired destination URL: http://www.example.com/path-to-new-location/ #.htaccess syntax: RewriteEngine on RewriteCond %{QUERY_STRING} id=1 RewriteRule ^sub-dir/index\.php$ /path-to-new-location/? [L,R=301] #Redirect one clean URL to a new clean URL #Original URL: http://www.example.com/old-page/ #Desired destination URL: http://www.example.com/new-page/ #.htaccess syntax: RewriteEngine On RewriteRule ^old-page/?$ $1/new-page$2 [R=301,L] #Rewrite and redirect URLs with query parameter to directory based structure, retaining query string in URL root level #Original URL: http://www.example.com/index.php?id=100 #Desired destination URL: http://www.example.com/100/ #.htaccess syntax: RewriteEngine On RewriteRule ^([^/d]+)/?$ index.php?id=$1 [QSA] Rewrite URLs with query parameter to directory based structure, retaining query string parameter in URL subdirectory #Original URL: http://www.example.com/index.php?category=fish #Desired destination URL: http://www.example.com/category/fish/ #.htaccess syntax: RewriteEngine On RewriteRule ^/?category/([^/d]+)/?$ index.php?category=$1 [L,QSA] #Domain change – redirect all incoming request from old to new domain (retain path) RewriteEngine on RewriteCond %{HTTP_HOST} ^example-old\.com$ [NC] RewriteRule ^(.*)$ http://www.example-new.com/$1 [R=301,L] #If you do not want to pass the path in the request to the new domain, change the last row to: RewriteRule ^(.*)$ http://www.example-new.com/ [R=301,L] #From blog.oldsite.com -> www.somewhere.com/blog/ #retains path and query, and eliminates xtra blog path if domain is blog.oldsite.com/blog/ Options +FollowSymLinks RewriteEngine On RewriteCond %{REQUEST_URI}/ blog RewriteRule ^(.*) http://www.somewhere.com/%{REQUEST_URI} [R=302,NC] RewriteRule ^(.*) http://www.somewhere.com/blog/%{REQUEST_URI} [R=302,NC]
четверг, 10 декабря 2015 г.
Оптимизация URL для продвижения в Joomla
Contents
При продвижении не бывает мелочей, ведь каждая мелочь может дать бонус web-документу в ранжировании. Не является исключением правильный URL, который поможет в раскрутке за счёт любви к нему поисковых систем. Давайте посмотрим, что такое оптимизация URL, и как получить от адреса web-документа бонусы в продвижении. Вам останется лишь реализовать советы на своём сайте и наслаждаться правильным и грамотным с точки зрения Seo урлом.
Правильный URL
Вот основные правила оптимизации URL для любви к нему систем поиска:
- - ЧПУ,
- - Ключ в урле,
- - Отсутствие в адресе динамических параметров,
- - Оптимизация длины URL,
- - Отсутствие в адресе мусорных стоп-слов и лишних знаков пунктуации,
- - Минимум 301,
- - Оптимизация количества подпапок,
- - Отсутствие переспама и правильный регистр.
Соблюдение этих правил поможет улучшить ранжирование страницы, а также поможет улучшить поведенческий фактор. Теперь обо всём по порядку.
ЧПУ
URL без ЧПУ – это набор непонятных цифр и букв, такие адреса не любят ПС, они визуально отпугивают от страницы некоторых посетителей. Согласитесь URL
сайт.ру/modules.php?name=z_shop&cmd=show&id=885
Смотрится не очень, а оптимизированный
Сайт.ру/vse-o-pryanikakh.html
Выглядит получше.
Включается ЧПУ в Joomle во вкладке «основные настройки» в блоке «Установки Search Engine Optimization». Везде ставим «да» и настроить файл htaccess (про это много писали, в том числе я).
Кроме человекоподобного адреса, страница получает и ключи в урле, что закрывает второй пункт оптимизации – наличие ключа.
Динамические параметры и длина
Динамические параметры желательно из урла убрать, такие значения &id ничего хорошего для продвижения не принесут. Причина этого банальна – ПС видят динамические параметры и могут посчитать страницу не постоянным адресом, которому делать нечего в индексе (не факт, но возможно).
Вопрос по длине понятен – чем короче урл, тем он легче для запоминания пользователю и плотность ключа в нём выше. Это не значит, что надо выводить страницы к корню, понятная структура разделов и категорий отлично читается ПС, но создавать дополнительные уровни, которые заметны в урле по слешу не надо. Да и с точки зрения юзабилити URL, который не входит в строку адреса – это моветон.
В Joomla для сокращения адреса нужно убрать index.php, ЧПУ с этим хорошо справляется (смотрим пункт 1).
Стоп-слова и знаки пунктуации
Наличие в адресе стоп-слов негативно сказывается на ранжировании документа. Конечно, не значит, что без стоп-слов страница порвёт топы, но мы же учитываем все мелочи, поэтому мусор из URLа убираем. Без стоп-слов урл станет короче – бонус раз, плотность ключа повысится – бонус два.
Лишних знаков пунктуации тоже лучше избежать – они засоряют адрес, да и многие из них вообще без перекодировки не читаются ПС.
Редиректы
Использование редиректа 301 для изменения адреса документа – это нормально, плохо когда идёт слишком длинная цепочка 301, например, страница А редиректит на страницу Б, та на В, а та на Г. Боты разберутся по чём в Одессе курага, но вес документов теряется после 2 редиректа, да и пользователь будет в замешательстве, если будет постоянно видеть другой адрес web-страницы.
Правило оптимизации – один 301 редирект, 2 плохо, больше 2х ужасно.
Переспам и регистр
Наличие ключа в урле – это хорошо, а спам – плохо. Под спамом подразумевается наличие более одного повтора ключевого слова в транскрипции, при большой длине урла можно указать два ключа, но не более.
Плохо:
sayt.ru/tabletki/tabletki-ot-ponosa/tabletki-purgen
Терпимо:
sayt.ru/tabletki/tabletki-ot-ponosa/ purgen
Отлично оптимизировано:
sayt.ru/tabletki/ponos/purgen
Регистр надо чтить, писать url заглавными буквами нельзя, можно их использовать для обозначения брендов и аббревиатур, но всё подряд прописывать заглавными нельзя.
Правила эти просты и большинство из них интуитивно понятно, зато соблюдение норм оптимизации и оформления URL всегда даст бонус и в продвижении и в юзабилити сайта. Думать, что важнее всего сама страница не надо – важно всё, в seo сегодня нет мелочей
Правильная структура заголовков H1-H3
Грамотная структура заголовков H1-H3 на Joomla – это бонус при продвижении сайта и удобство для пользователей при поиске знакомых букв на странице. Тут есть несколько железных правил и спорных мнений, о них я сегодня и расскажу, дабы не быть побитым палками за пропуск темы.
Правильная структура
Начинать надо с того что на web-документе заголовок H1 должен быть один, более того, его вредность заключается в том, что в главном заголовке (не путать с Title) должно быть ключевое слово. В большинстве случаев, без экстремальной правки кода, Title на самой странице не виден, он наблюдается в коде, в выдаче и при наведении курсора на иконку сайта в браузере.
Заголовок же H1 визуально виден на странице, по нему пользователь получает первое понимание того, куда он попал, что дает ему первую пищу для размышления, стоит ли тут оставаться или проще убраться восвояси. Подробнее почитать про заголовок H1 вы можете по ссылке, там узнаете, как убрать H1 в шапке и правильно вывести его в материалах автоматом.
Итак, H1 идёт вверху страницы и говорит о её содержимом, на кой же тогда нужны H2-H3? А вот на той они нужны, что помогают структурировать страницу, то и создают её правильную структуру. Боты видят структуру, учитывают ключи и их хвосты в заголовках и лучше ранжируют документ при прочих равных условиях. Пользователь также в шоколаде – они видит не только название страницы, но и понимает, без долгого чтения, суть содержимого документа.
Н2-H3 могут быть на странице в любом количестве, главное тут не спамить и не перегибать палку рациональности. Верная структура показана на первой картинке, она может идти вниз до бесконечности при бесконечности самого материала.
Чистота кода в заголовках
Что бы там не говорили, но код заголовков должен быть девственно чист. Никаких href, то есть ссылок там быть не должно, даже если это подзаголовок в категории и он же ссылка на материал (карточку товара). Дело в том, что H2 – это тег <h2>, href тоже тег, а тег в теге это нехорошо. Конечно, есть экстремалы, которые заключают текст одновременно в strong и выделяют его курсивом, но это экстрим, не более.
Ребята, соблюдайте правила html и вам зачтётся.
Ключи в заголовках
Про пользу для пользователя мы разобрались, ситуацию с кодом прояснили, остаётся только добиться любви ПС при ранжировании web-документа Joomla. Для этогоиспользуем ключи в заголовках, но не ступаем на тропинку спама.
Для H1 нужен прямой ключ, исключение жуткий многословник, при этом его надо разбавить, но меньше, чем в Title.
Пример
- - H1 Розовые слоны в Челябинске
- - H2 Цены на розовых слонов
- - H2 Доставка слонов в Челябинске
- - H3 Гарантии на слонов
Да, тут есть место детской фантазии, переходящей в отроческие эксперименты, но суть ясна – в H1 прямой ключ, в H2 и H3 разбавка, хвосты и морфология.
П.С. Да, грамматику нужно чтить, как Бендер чтил уголовный кодекс – в конце заголовка точка не ставится.
Common 301 htaccess redirect snippets
среда, 9 декабря 2015 г.
Таблицы с данными в адаптивном дизайне
Одна из постоянных проблем верстальщиков адаптивных сайтов — это задача удобно представить обычные таблицы на мобильных устройствах. Вот как выглядят такие таблицы чаще всего:
Не очень удобно, правда? К счастью уже существует несколько хитрых способов решить такую проблему.
1. Способ от Chris Coyier
Описание и демо на русском, оригинал и демо на английском.
Суть в том, что таблица вытягивается вертикально, в каждой строке остается только два столбца: заголовок и данные. Минус такого способа в том, что в результате получается слишком длинная таблица, и ее придется долго прокручивать.
2. Способ от Zurb.com
Подробности и демо на английском
Хороший способ на Javascript/CSS, который добавляет горизонтальную прокрутку для ячеек с данными, при этом заголовки остаются на месте, очень удобно.
3. Способ от Scott Jehl
Демо
Преобразует обычную таблицу в красивую диаграмму. Такой способ подойдет не для всех данных, но выглядит результат очень интересно.
4. Способ от Todd Parker
Демо
В этом способе таблица на маленьком экране просто прячется под «спойлер». Как говорится, дешево и сердито.
Похожие публикации
- +78Адаптивная верстка: CSS&JS фреймворк Skeleton35,9k 782 36
- +97Веб-дизайн тренды 20117,6k 269 92
- +7095% веб-дизайна составляет типографика12,5k 139 26
Самое читаемое
- Научиться программировать сложнее, чем кажется 81
- Ошибки молодости нашей. Или как сетевой инженер познаёт природу консоли 7
- Рабочий стол в облаке 0
- Легко ли распознать информацию на банковской карточке? 9
- Tarantool как сервер приложений 34
- Samsung приступил к производству модулей памяти TSV DDR4 128 Gb для серверов 7
- Postgres NoSQL лучше, чем MongoDB? 16
- Практика: Как настроить сервер HP ProLiant и подготовить его к установке ОС 11
- Как правильно пасти котов. История построения системы контроля и учета рабочего времени для ИТ-компании 18
- Революция WikiLeaks: дайджест злоключений 6
Вопросы по теме












Комментарии (21)