Перейти к содержимому


mikola

Регистрация: 20 янв. 2013
Offline Активность: 06 июля 2017 13:16
*****

#123596 Оформление Корзины

Отправлено mikola на 25 Февраль 2014 - 15:03

Текст в картинках....


Изображение
Изображение
%20http://s8.uploads.ru/LuqbH.jpg

Изображение

Изображение

Изображение

Изображение


#114614 Несколько Важных Элементов Для Продвижения Сайта И Продаж

Отправлено desbest на 10 Январь 2014 - 15:23

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


#114538 Несколько Важных Элементов Для Продвижения Сайта И Продаж

Отправлено mikola на 10 Январь 2014 - 08:10

Доброго времени суток.
Несколько важных элементов для продвижения сайта и продаж..
На каждом сайте есть факторы, которые одновременно оказывают влияние на продажи и продвижение в поисковых системах.
Обратите внимание на то, что каждый из перечисленных пунктов имеет самое непосредственное отношение к оптимизации сайта, хотя этого и не скажешь при поверхностном взгляде. Совсем недавно аксиомой была следующая логика: лучше SEO – больше продаж. Сейчас логика работает и в обратном направлении: больше продаж – лучше SEO.
Отобранные факторы являются условием того, что сайт носит коммерческий характер (ведь алгоритм коснется коммерческих сайтов московского региона). При отсутствии данных пунктов поисковые системы могут воспринимать сайт в качестве информационного, и вследствие этого он плохо ранжируется по коммерческим запросам.
12 факторов и их краткое описание.

Отзывы


Без знакомства с отзывами сейчас не совершается ни одна более-менее серьезная покупка: от фена до квартиры. Обычно отзывы читают в тех случаях, когда покупка носит единоразовый, а не повторяющийся характер. Чаще встретишь отзывы о турах или шубах, чем о молоке или бензине. Впрочем, особо щепетильные мамаши готовы часами обсуждать качество молока для детишек, а попавшиеся на некачественном топливе автомобилисты нет-нет да и поищут отзывы о топливе недавно открывшейся заправки у дома.
Отзывы покупателей могут относиться как к отдельным товарам или услугам, так и к компании в целом. Подавляющее большинство компаний найдет повод разместить отзывы на своем сайте. Отзывы есть даже на сайтах наркоклиник и похоронных бюро.
Отзывы могут быть даже в аудио-формате, как на сайте «Ютинет».
Отзывы важны по двум причинам: они укрепляют доверие к компании (фактор продаж) и увеличивают время пребывания на сайте (фактор ранжирования). Как вы уже понимаете, Яндекс и Google учитывают наличие раздела «Отзывы» при ранжировании.

Цены


Кажется очевидным, что цена обязательно должна присутствовать на продающих сайтах. Однако некоторые компании совершают ошибку, скрывая цены с помощью скриптов («Чтобы узнать цену, кликните по кнопке») или выдавая их только по запросу.
Существует реальный страх показать цену. Он не имеет никакого смысла, потому что выдав цену после ритуальных танцев с бубном, она не будет выглядеть более привлекательно.
Есть только 2 способа ценообразования: конкурентоспособный и неконкурентоспособный. Цена может быть высокой и конкурентоспособной, если за ней стоит реальная ценность. Прятать цену – значит намекнуть клиенту, что она высокая и неконкурентоспособная, потому что в остальных случаях прятать нечего.

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

• Неконкурентоспособная цена
• Неудобный и неинформативный сайт.

Скрывая цену, компания совершает обе ошибки разом.

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

Портфолио и клиенты


Другой способ повысить доверие к сайту – это разместить на нем образцы выполненных проектов и информацию о клиентах. Данный фактор также повышает уровень доверия и продлевает время пребывания на сайте.

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

Акции и спецпредложения


Рекомендую выделять акции и спецпредложения в отдельный раздел сайта. И очень не рекомендую заниматься «креативом», придумывая для него оригинальное название. Например, пришлось долго убеждать владельца одного сайта, что заголовок «Это интересно» не самый удачный для страницы с акциями. За таким заголовком может скрываться что угодно. Посетители сайта хотят простоты и ясности, а поисковые системы хотят видеть раздел «Акции». Дайте им то, что хотят они, а не ваша фантазия.

Для целей продаж советую выводить главные спецпредложения на домашнюю страницу в виде баннера.

Изображение
Раздел «О компании»


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

Данный раздел должен содержать следующую информацию:

1. История компании
2. Специализация
3. Особенности и преимущества, чтобы подчеркнуть отличия от конкурентов
4. Данные о руководстве и ключевых экспертах, что особенно важно для компаний, оказывающих услуги
5. Новости
6. Контактные данные пресс-службы
7. Фотографии руководства
8. Фотографии с мероприятий
9. Промо-материалы: буклеты, ролики и фотосессии.

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

Благодарственные письма


Инструмент продаж и продвижения, аналогичный отзывам. Его особенность в том, что он в наибольшей степени подходит для В2В-компаний. Обычно письма выкладываются в отсканированном виде. Качество скана должно быть отличное, чтобы вложенное изображение можно было увеличить и прочитать текст.



Изображение
Форма обратной связи или кнопка «Заказать звонок»


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

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

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

Онлайн-консультант


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

Сейчас существует немало поставщиков сервиса «Онлайн-консультант», можно выбрать любой по своему вкусу.
Изображение
Помощник в выборе товара или услуги


Популярная площадка «Яндекс Маркет» предлагает два типа помощника при выборе товаров: Гуру и Готовые рецепты. Оба значительно упрощают поиск и вносят большой вклад в популярность сервиса.

Изображение

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

Новости


Выше я уже говорила о полезности новостей в разделе «О компании». Однако совершенно необязательно размещать их именно там. Можно создать отдельный раздел с новостями или публиковать их в блоге компании.

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

Как получить e-mail адреса клиентов? Например, с помощью формы обратной связи. Как видите, на сайте все взаимосвязано и наличие нескольких элементов создает эффект синергии, когда комплекс элементов дает больший КПД, чем сумма каждого из них по отдельности.

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

В2В-компании также могут публиковать избранные новости рынка.

Юридические данные компании


Элемент, полезный для интернет-магазинов и В2В-компаний. Повышает доверие к компании, показывая, что сайт зарегистрирован на реальную фирму и работает с соблюдением законодательства.

Небольшим интернет-магазинам, которые едва вышли на рынок, особенно настоятельно рекомендуется внедрить данный элемент.

Особо щепетильные компании даже публикуют скан свидетельства о регистрации.

Изображение
Фотографии и видео


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

Изображение
Что выбрать?


Не каждый коммерческий сайт может позволить себе внедрение всех перечисленных элементов.

Чаще всего сайты лишены следующих важных элементов:
• Онлайн-консультант
• Отзывы
• Акции и спецпредложения
• Благодарственные письма
• Помощник в выборе
• Фото и видео

Наибольших усилий потребуют пункты:
• Фото и видео
• Новости
• Онлайн-консультант
• Помощник в выборе

Я рекомендую уделить первостепенное внимание следующим пунктам:
• Отзывы
• Цены
• Портфолио
• Акции
• О компании
• Благодарственные письма
• Фото и видео

via@internet.


#109684 Seo От «Яндекс»

Отправлено AlexP_RUS на 10 Декабрь 2013 - 18:55

Цитата

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


#49334 Seo.help.users

Отправлено mikola на 04 Март 2013 - 22:39

Добрый вечер...Принимайте статью небольшую про SEO.

Поисковые системы (Google, Яндекс и другие)


Цели


Основной целью поисковых систем является заработок денег предоставление нужной информации (а точнее сайта, где эта информации располагается) по поисковому запросу пользователя. То есть, если пользователь набрал «Купить слона», то задача поисковой системы выдать ему сайты, где можно приобрести слона. В идеале это должна быть страница с информацией о слоне и кнопкой купить.


Кого любят ПС


Это первый вопрос, который Вы должны задать самому себе.
Разумеется, поисковой системе интересен постоянно развивающийся сайт, который добавляет новый и уникальный контент (будь то текст, картинки или видео).
Наверное, на такой сайт будут ссылаться люди (и другие сайты), т.к. там располагается уникальная и интересная информация. Чем больше таких ссылок получит сайт – тем лучше. В мире SEO это называется внешней оптимизацией (но об этом в самом конце).
Задумайтесь над этим вопросом…


Алгоритм поисковой системы


Это тот набор правил, которыми руководствуется поисковая система при формировании своей поисковой выдачи. Проще говоря: «кого поставить первым, а кого последним». Если Вы знаете этот алгоритм – Вы Бог оптимизации.
Для усложнения жизни оптимизаторам алгоритм постоянно совершенствуется.


Как поисковая система узнает о новых сайтах?


У каждой поисковой системы есть бульдог, который бегает и обнюхивает сайты. А бегает он по всем ссылкам в интернете. И чем чаще на вашем сайте появляется новая информация, тем чаще к Вам забегает этот бульдог.


Апдейт (update, ап) поисковой системы


Поисковая система Яндекс как теща. Она долго накапливает информацию, а потом её выплевывает (обновляет информацию поисковой выдачи). Часто встречается ситуация, когда Ваш сайт может ежесекундно прыгнуть с 50 места на 1-10 (а у кого-то бывает и наоборот…). Информацию об апдейтах можно посмотреть на многих ресурсах, например сеопульт.


Оптимизатор


Это человек, который тычет пальцем в небо пытается угадать алгоритм поисковой выдачи. За всю историю войны между оптимизаторами и поисковыми системами появился набор определенных стандартов, которые помогают оптимизатору продвинуть сайт на лидирующие позиции.

Отсюда следует первое правило:
Самое честное SEO – его отсутствие, все остальное – спекуляции.


Поисковая оптимизация


Поисковая оптимизация (SEO, продвижение сайта)— комплекс мер для поднятия позиций сайта в результатах выдачи поисковых систем (Yandex, Google и др.) по определенным запросам пользователей.

Примеры таких запросов:
• Купить слона
• Грудь Анны Семенович
• Напольные покрытия в Санкт-Петербурге
• Скупка автомобилей
• Свадебный фотограф недорого
• И другие

Отсюда возникает вопрос: «Откуда взять эти запросы?».
Многие оптимизаторы Вам скажут «есть специальные сервисы» или «посмотрите у конкурентов». Да, НО!!!

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

Чувствуете разницу? Большинство оптимизаторов подбирают запросы:
• Которые люди набирают в поиске
• Которые легко продвинуть
• Религиозным соображениям
Кажутся им действительно эффективными

Единственный правильный выбор:
1. Требуйте от заказчика сферы деятельности, которые приносят ему прибыль
2. Требуйте от заказчика сферы деятельности, в которых он хотел бы развиваться (но он должен быть готов на 100% предоставить клиенту товар / услугу)
3. Требуйте от заказчика фотопортрет его основного клиента (возраст, пол, ареал обитания, размер груди)
4. Дополнительную информацию, которая поможет Вам привлечь потенциальных клиентов и действительно целевой (эффективный) трафик

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

И только после этого стоит обращаться к спец. Сервисам.


Сервисы для подбора ключевых слов


Основная цель обращения к подобным сервисам – узнать, сколько человек в месяц набрали определенную ключевую фразу. Например, мы хотим добавить запрос «купить клубничку» и не знаем, принесет ли он трафик. Обратившись к спец. Сервису мы узнаем, сколько человек в месяц набирали запросу «купить клубничку».


Частотность


Частотой запроса называют количество поисковых запросов применительно к конкретным фразам или словам, заданным пользователями за определенное время – чаще всего за месяц.

Различают 3 вида частотности:
1. Базовая
2. Точная
3. «Супер точная (учитывает окончания)»

Давайте рассмотрим какой-нибудь из сервисов и посмотрим на разницу между видами частотности.


wordstat.yandex.ru

Внешний вид:
1d.jpg
Для начала работы нам нужно установить нужный регион:
20.jpg
31.jpg
Будьте внимательны, некоторые компании работают по ленинградской области, а некоторые только по Санкт-Петербург. В основном зависит от деятельно компании и конечно же стадии развития.


Базовая частотность


Если мы введем ключевую фразу в окно поиска, то мы получим базовую частотность.
В колонке «показов в месяц» (находится на против каждого ключевого слова или фразы) находится загадочная цифра. Эта цифра показывает, сколько раз пользователи набрали в строке Яндекса нашу ключевую фразу (отдельно, так и в составе других ключевых фраз). Если у фразы есть словоформа – она тоже учитывается. То есть «преподаватель» и «преподаватели» для Яндекса одно слово (в базовой частотности).
4.jpg
В левой колонке мы видим «что еще искали с данной ключевой фразой».
В правой колонке «Что еще искали люди, искавшие [наше ключевое слово]»
Обе колонки подсказывают нам, какие слова можно добавить в наш проект, а добавлять ли их – решать Вам.


Точная частотность


Точная частотность показывает, сколько раз пользователи набрали в строке Яндекса нашу ключевую фразу и её словоформы. Ключевую фразу нужно вводить в двойных кавычках.
5c.jpg
63.jpg
Как вы Видите словоформа (возьму свет) получила столько же показов, как и наша «истинная фраза» (возьми свет).

«Сверхточная частотность»


Наверное, Вы уже догадались, что данная частотность показывает, сколько раз пользователи набрали в строке Яндекса нашу ключевую фразу и не учитывает её словоформы. Ключевую фразу нужно вводить «Двойная кавычка, восклицательный знак, ключевая фраза, двойная кавычка» (как на картинке).
7b.jpg

8c.jpg
умаю, что выводы Вы сделаете сами.
Для автоматического сбора частотности ключевых фраз используют программу KeyCollector и его бесплатный аналог (18+).

В интернете существует еще множество похожих сервисов, пользуйтесь тем, что более удобно для Вас.


Низкочастотные (НЧ), среднечастотные (СЧ) и высокочастотные (ВЧ) запросы


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

Низкочастотные запросы (НЧ) – запросы, которые редко набирают. Следовательно, их проще (а главное быстрее) вывести в ТОП10 (первые 10 позиций поисковой выдачи). Они имеют самую маленькую конкуренцию.

Среднечастотные запросы (СЧ) – запросы, которые относятся к «золотой середине». Их набирают чаще, чем НЧ, но реже чем ВЧ (см. дальше).

Высокочастотные запросы (ВЧ) – запросы, которые набирают чаще всего. По ним самая сильная конкуренция и их сложнее всего вывести в ТОП10 (не говоря уже о битве за ТОП3).

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

Что бы было понятней рассмотрим пример:
Я подчеркнул ключевые фразы, которые мы будем использовать.
16.jpg
Давайте посмотрим их частотность (используем программу KeyCollector, если у вас её нет, можете вручную вбить все ключевые фразы в wordstat.yandex.ru).
17.jpg
Я заметил, что разница в «точной» и «и еще точнее» частотностях очень велика в запросе «свадебный фотограф цены». В таких случаях нужно подбирать похожие запросы и искать наибольшее число по последней частотности. Что и было сделано (ключевое слово «цены свадебный фотограф»).

Вот, как мы распределим запросы (по последней частотности):
ВЧ > 600
СЧ 80 – 600
НЧ < 80
(каждый распределяет как ему удобно, основываясь на собственную практику).

Наша группа ключевых запросов на страницу «свадебный фотограф»:
Свадебный фотограф (ВЧ)
Свадебный фотограф СПБ (СЧ)
Цены свадебный фотограф (СЧ)
Свадебный фотограф Петербург (НЧ)
Лучший свадебный фотограф (НЧ)
Свадебный фотограф недорого (НЧ)
Лучшие свадебные фотографы СПБ (НЧ)



В основном в группе запросов должна быть примерно такая ситуация:
ВЧ – 1/5
СЧ – 2/5
НЧ – 3/5



(Можете делать совершенно по-другому, здесь нет строгих правил… практика, только практика)

Обратите внимание, что запрос «Свадебный фотограф профессионально» мы вовсе исключили, потому что по последней частотности у него нулевой результат.


SEO-тексты и с чем их едят


Помните, я в самом начале говорил об алгоритме поисковой выдачи? Нет? Читайте заново!
Поисковая система смотрит на многие вещи на Вашем сайте, одной из таких вещей являются тексты.
SEO-текст – самый обыкновенный текст, но в нем присутствуют ключевые фразы.

Текст – одна из самых важных «вещей» и к нему нужно относиться очень серьезно. Здесь помогут только эксперименты.

Особенности SEO-текста:
• Не переборщите с ключевыми фразами (сделаете только хуже)
• Он должен быть читабельным для пользователя. Это важно!
• Желательно использование подзаголовков, списков (как этот), таблиц
• Уникальность текста должна быть 100% (можно воспользоваться специальными сервисами чтобы определить уникальность, например: text.ru)
• Ключевые слова должны быть равномерно распределены по тексту


Мета теги


Существует 2 очень важных мета тега: title и description, помимо этого есть keywords (с каждым днем он теряет свою значимость).

TITLE


Title – заголовок веб браузера текущей страницы.
12.jpg

Поисковая система использует его для заголовка при ранжировании результатов.
13.jpg
Старайтесь создавать заголовок интересный для пользователя, но в то же время разбавленный ключевыми словами.
Не делайте длинных заголовков, используйте максимум 60 символов.

Создать такой заголовок очень просто:
109.jpg
В «шапке» () Вашего документа создайте тег и в него включите заголовок.
Во многих системах управления сайтов такие заголовки вынесены отдельно и редактируются вместе со страницей.


Description


Это описание Вашего сайта (точнее определенной страницы Вашего сайта) в поисковых системах.
29.jpg

Правила такие же, как и с тегом title.
Старайтесь сделать его для людей, но в то же время разбавить ключевыми фразами.
Этот тег так же очень важен и поисковая система его учитывает.

Создается следующим образом:

23.jpg
Некоторые поисковые системы (например Яндекс) игнорируют этот тег и берут описание со страницы сайта (из текста).

Keywords


Тег keywords создан для перечисления ключевых слов на странице. Не играет особой роли в ранжировании сайтов, но рекомендуем для заполнения

14beb.jpg

Заголовок страницы сайта (h1)


Заголовки на странице сайта также играют немаловажную роль, в особенности основной заголовок – H1.

Каждый оптимизатор действует по разному:
• Кто-то пишет в заголовок половину ключевых слов через запятую (не рекомендуется)
• Кто-то пишет ВЧ (мой вариант)
• Кто-то пишет СЧ и НЧ
Решение за Вами. Практикуйтесь и экспериментируйте.

22a572f9648496930e5e6d9c14f33dc7.jpg
Основные правила:
• Заголовок должен быть визуально выше текста
• Заголовок должен быть в коде выше текста
• Заголовок должен быть один на странице
• Заголовок должен быть большого размера

Использование подзаголовков (h2, h3, h4, h5, h6) так же приветствуется.


Общее техническое задание


Чтобы ничего не забыть (а также для удобства) я пишу общее техническое задание, которое выглядит следующим образом:
e449f8a5bc16209e5bcb36181012cff6.jpg
Перед Вами техническое задание для копирайтера, составленное seo-оптимизатором (некоторые данные копирайтеру не нужны, их можно удалить).

По этому техническому заданию копирайтер будет писать статью на тему «свадебный фотограф».

Точные / словоформы – количество вхождений ключевого слова в текст. Точные – фраза пишется «как она есть».Словоформы – фраза может изменяться в падеже и числе.

Количество символов – количество символов статьи.

Для копирайтера нужны следующие данные:
• Ключевые слова
• Точные / словоформы
• Количество символов

Остальная информация прописывается оптимизатором для себя любимого:
• Частотность
• Title
• Description
• H1
• Ключевые слова (желательно занести в keywords)


Продвигаемые страницы (страницы входа)


Продвигаемые страницы – страницы, которые Вы оптимизировали для поисковых систем. Пользователи будут переходить на Ваш сайт, и попадать именно на эти страницы – страницы входа.

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

Этому способствует:
• Грамотная структура текста
• Текст должен быть по теме
• Картинки
• Видео
• Списки, подзаголовки, таблицы

Если Вы продвигаете интернет магазин по запросу «купить козу» и у Вас есть каталог товаров (разумеется, он есть, иначе что это за интернет магазин), то входной страницей под запрос «купить козу» должна быть страница с товаром, а не огромная статья на 5000 символов на тему «круговорот козы в природе» как это обычно бывает.
Именно в этом случаи вы добьетесь хороших продаж.


Внутренняя перелинковка


Грамотная внутренняя перелинковка (грамотное расположение ссылок на внутренние страницы сайта) даст Вам преимущество перед Вашими конкурентами. Есть очень много стандартных схем перелинковок, о которых Вы можете почитать в интернете. Я лишь дам некоторые советы:
• Старайтесь, что бы на продвигаемые страницы была ссылка с главной страницы (это может быть пункт меню, баннер или просто ссылка с текста)
• Если Вы делаете интернет магазин – сделайте сопутствующие товары (во-первых, пользователи Вам скажут «спасибо», а во-вторых, поисковой системе это тоже понравится)
• Не забывайте про хлебные крошки (Главная / каталог / мебель / диваны / №573)
• Пишите статьи (чем больше уникального текста на сайте – тем лучше) и ссылайтесь с них на продвигаемые страницы. Это позволит Вам достичь большего трафика и подцепить действительно целевых клиентов. Статьями продвигайте низкочастотные запросы.


Sitemap


Файл Sitemap — это файл, расположенный на сайте, с дополнительной информацией о страницах сайта, подлежащих индексированию. С помощью файла Sitemap вы можете сообщить поисковой системе, какие страницы вашего сайта нужно индексировать, как часто обновляется информация на страницах, а также индексирование каких страниц наиболее важно (Яндекс).
Более подробно.

Внешний вид:
fc2e0a7cffd26b1da77619093d4ceea9.jpg

Robots.txt


В файле robots.txt вы можете закрыть страницы от бульдога поисковых систем, и поисковая система не будет знать о такой странице (например, если у Вас там находится Не уникальный текст или админ-панель).
Более подробно

Внешний вид:
Изображение


Внешняя оптимизация


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

Количество и качество внешних ссылок на Ваш сайт – один из самых весомых показателей на сегодняшний день.

Не буду заострять внимание на внешней оптимизации, лишь дам несколько советов:
• Лучше покупайте статьи, а не ссылки. Поисковая система смотрит на информацию, расположенную вокруг ссылки.
Тематика ресурса (с которого идет ссылка) должна совпадать с вашей тематикой, иначе от этого будет очень мало толку
• Ориентируйтесь на показатели ТИЦ и PR (чем Выше – тем лучше)
Здорово, если ссылающийся на Вас сайт состоит в: Яндекс каталоге, DMOZ’e, Яндекс новостях
• 1 качественная ссылка = 10000 некачественных
• Некачественные ссылки могут сделать только хуже
• В первые 3 месяца жизни сайта не покупайте ссылок вообще

И еще очень важный момент. Нельзя агрессивно закупать ссылки / статьи, наращивайте ссылочную массу постепенно. Одной – трех ссылок в неделю будет более чем предостаточно.


Яндекс каталог и DMOZ. Попытайте удачу


DMOZ (Открытый Каталог) — самый большой на сегодняшний день многоязычный свободный каталог ссылок на сайты со всего интернете, поддерживаемый виртуальным сообществом добровольных редакторов-волонтёров.
Попасть туда можно только на бесплатной основе (либо угрожая оружием).

Яндекс каталог – каталог любимых сайтов Яндекса. Попасть туда можно за денежку или бесплатно. Ссылка с такого каталога тоже цениться, но не столь сильно как с DMOZ.


ТИЦ и PR


Информации очень много, обязательно почитайте. Например, в хелпе Яндекса


Анализ сайтов и продвижения. Позиции


Для анализа целевой аудитории сайта используются след. Сервисы:
Яндекс Метрика
Google Analytics
• И другие

Для «съема позиций» своего сайта используются:
Site-auditor
Semonitor


#107241 Корзина Для Им

Отправлено mikola на 29 Ноябрь 2013 - 14:29

via@internet.softmarket

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

Хорошая корзина обладает следующим чертами:
  • Крупная фотография товара, добавленного в корзину, его название и статус наличия
  • Указания количества и цвета товаров, с возможностью их редактирования и удаления
  • Поле для ввода промо-кода; демонстрация примененных акций и скидок, как инструментов маркетинга
  • Предложение сопутствующих товаров и рекомендации
  • Дополнительные возможности оформления заказа: обратный звонок и кредит
  • Наличие заметной кнопки “Оформить заказ” и итоговой стоимости заказа
А еще, идеальная корзина отзывчива и помнит о том, что пользователь в нее добавил и не выкупил, даже если он не авторизован.

Среди наиболее распространенных проблем можно выделить:
  • Отсутствие альтернативных способов заказа: кредит и заказ в один клик
  • Слабо выраженный основной CTA-элемент страницы, при высоком общем визуальном шуме
  • Отсутствие рекомендаций и сопутствующих товаров
Проблема: представление товара в корзине


Изображение

В обоих случаях выполнен минимум: достаточно крупная фотография, заметный ценник.
В обоих случаях плохо:
  • Не очевидно, что есть цена — стоимость за штуку, или сумма двух позиций
  • Невозможно сменить опцию цвета из корзины
  • Несколько неуклюже размещенные кнопки «Удалить»
В случае Техносилы плохо и то, что цветовая опция даже не названа, отсутствует информация по наличию Последнее важно в случае «брошенных корзины», когда пользователь возвращается инструментами ремаркетинга и должен в моменте видеть какие товары действительно доступны для заказа.

Изображение

Немного разные подходы у Связного и М.Видео в отражении количества товара. Простое решение указать руб./шт.подойдет и для вашего магазина, как быстрое, превентивное решение проблемы. В М.Видео же блок товара в корзине представлен таблицей — несколько топорное, не элегантное решение, но абсолютно работоспособное с точки зрение восприятия.

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

Изображение

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


Проблема: блок покупки в карточке товара


Взаимодействие пользователя с корзиной начинается со страницы товара. Здесь распространенной ошибкой является отсутствие обратной связи при добавлении товара в корзину. Несколько неудачных примеров приведены ниже. На картинке слева до добавления товара в корзину, справа — после.

Изображение
Изображение

На Сотмаркете блок покупки существенно видоизменяется после добавления товара в корзину, в других интернет-магазинах этот блок, обычно, претерпевает лишь небольшое изменение.

Изображение

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


Проблема: заказ в один клик


Часто на сайтах можно встретить форму «Быстрого оформления заказа» или «Заказа в 1 клик». В ней наблюдается больше всего маразматичных интерфейсных решений в виде рукотворных барьеров из усложненных форм. Например:

Чудовищно выглядит один клик в представлении М.Видео

Изображение

Связной и Enter исповедуют похожий друг на друга подход к быстрому заказу.
Изображение

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



Викимарт просит изучить множество полей, интересуется с какой целью заказываются обратный звонок, задает, зачастую, неуместный вопрос «Не смогли дозвониться?».



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


#89904 Постройка Интернет Магазина

Отправлено mikola на 17 Сентябрь 2013 - 07:36

Интересный рассказ.
Пример создания интернет магазина с 0. Что и как создавалось!??

Тематика своеобразна: отопление и водоснабжение.
Регион действия Украина.

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

Если вам интересно что было дальше

Хотя и фирма была на тот момент уже с 15-ти летним опытом работы на этом рынке в интернете она была полным аутсайдером.

Стал вопрос — а как же это исправить?

Было два здравых варианта развития ситуации:
1- разработка магазина с нуля
2- развертывание деятельности на готовой площадке.

С учетом что шефу хотелось «тут и сейчас» был выбран второй вариант, оплачено размещение на одном из лидирующих ресурсов в этой сфере, обошлось это счастье на пол года примерно 350$

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

Несмотря на всё это магазин начал развиваться, через пол года была снова оплата 350$.

Изображение

Пока происходило наполнение магазина изучал ассортимент, вникал в нюансы работы, налаживал вопросы логистики.

В итоге была выработана довольно неплохая схема которая работает и сейчас.

1 — Максимально подробная информация размещена на страницах сайта.
2 — когда человек звонит все звонки сортируются на два потока
а — человек четко знает что ему надо -записываются координаты куда отправлять и переходим пункту 4 (всего 20-30% но чем качественней
наполнение тем больше этот процент)
б — человек не знает что ему надо и ему надо подбирать
3 — идем к спецу своего направления, он подбирает, согласовывается с заказчиком.
4 — если отправка наложенным платежом (90% от заказов, мы отправляем, человек получает, оплачивает, перевозчик возвращает нам деньги)
отправляем в этот же день
5- если предоплата на карту банка или по безналу ждем оплаты и отправляем.

По такой схеме в работе участвует 5 человек, причем 4 это специалисты своих направлений.

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

Для создания своего магазина нужно дизайн и грамотное наполнение.

Так как опыт в электронной-коммерции у меня был то формирование ядра запросов для продвижения и рекомендации по разработке магазина заказали в хорошей SEO студии. (О чем много раз радовались!!!)

Если заказать SEO заранее то потом это экономит много времени и нервов, а главное денег.Изображение

С дизайном было тоже не особо сложно, имелись любительские навыки с веб программировании и работе с фотошопом и за долгие 3 месяца был рожден дизайн и свёрстан. В процессе всё много раз переделывалось, уточнялось.
Если в этот момент шеф и все говорят мол «Сделай что бы было, а потом исправим» — плюньте в лицо этим людям не слушайте и делайте так что бы было практично и на ближайший год у вас не возникало желаний переделать вот это с нуля.

Движок под магазин был выбрал Opencart по нескольким причинам:
  • Есть человек который пишет модули для этой платформы
  • Отличается простотой работы и хорошим функционалом «Из коробки»
  • MVC (сильно упрощает вопросы вёрстки)
Так как SEO было заказано заранее и благодаря первому магазину было четкое понимание что спрашивают чаще всего быстро сформировалась подробнейшая инструкция по наполнению магазина.

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

4 Апреля магазин был запущен.

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

По НЧ ключам как марка оборудования сайт уже входит в топ-5 яндекса и гугла и даёт клиентов.
Затраты на SEO примерно 150$ в месяц.

Конверсия составляет 1,5% с учетом что продукция мягко говоря не повседневного использования. (Часто ли вы покупаете насосы для дома?)
Плюс продукция исключительно Итальянская.

Благодаря Яндекс метрики, а конкретней Вебвизору конверсию получается медленно поднимать, изначально она была 0,5%.

Очень сильный эффект дало размещение уникальных фотографий.

На данный момент магазин движется успешно вперёд,

Во всём этом есть для меня следующие полезные мысли:

1 — Не экономьте на SEO!
2 — Делайте хороший дизайн.
3 — Размещайтесь на прайс-агрегаторах.
4 — Постоянно следите что происходит с магазином и не бойтесь экспериментировать.

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

  • Не всегда лучше начинать с самого старта работать на себя. Два магазина приносят неплохую прибыль, и у меня есть много предложений и большой соблазн увести их от «Дяди» Вроде и денег будет больше но четко приходит понимание — пока ты ничего не смыслишь в бизнесе надо что бы рядом был наставник и человек который возьмет на себя грязную работу, банки, налоговую, бухгалтерию, закупки — с глупости можно натворить делов таких что и за год не разберешься.

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

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



#74587 Share42

Отправлено mikola на 20 Июнь 2013 - 14:02

Просмотр сообщенияlartenza (20 Июнь 2013 - 13:58) писал:

Я конечно извиняюсь, поняла практически все кроме одного.Где посмотреть верный путь до нужных файлов??)
пишите
http://имя_вашего_сайта.ru/share42/



#55338 Опять Не Работаем

Отправлено sibulba на 27 Март 2013 - 17:54

Не надо так переживать Нормальная ситуация


#53918 Сделать Выпадающий Каталог Товарав

Отправлено Stasya на 22 Март 2013 - 17:03

Из-за того что подвал сайта у Вас зафиксирован, могу предложить сделать вот так: найдите в файле "main.css" блок
#footer {
background: url("/web/upload/assets/images/147/146761/botfade.jpg") repeat-x scroll 50% 100% transparent;
border-top: 1px solid #CCCCCC;
clear: both;
color: #999999;
font-family: verdana;
height: 60px;
margin: 0;
padding: 0;
text-align: center;
position: fixed;
z-index: 2;
bottom: 0px;
width: 100%;
}
и замените его на
#footer {
background: url("/web/upload/assets/images/147/146761/botfade.jpg") repeat-x scroll 50% 100% transparent;
border-top: 1px solid #CCCCCC;
clear: both;
color: #999999;
font-family: verdana;
height: 43px;
margin: 0 auto;
padding: 0;
text-align: center;
position: fixed;
z-index: 2;
bottom: 0px;
width: 100%;
}
.footnote {
	margin-top: -13px;
}



#53927 Каталог В Развернутом Виде

Отправлено support 2.0 на 22 Март 2013 - 17:33

Просмотр сообщения551 (22 Март 2013 - 15:48) писал:

Нет, это понятно. Я хочу сделать два каталога товаров - по категориям и по бренду, как описано выше. Когда начал создавать меню, понял, что что-то не так. А именно - как создать подкатегории в таком меню, чтобы отображалось, как в стандартном каталоге товаров?

Можно сделать 2 вида каталога: где будут обычные категории и другой каталог, где будут только скрытые. Подробнее можете прочитать здесь


#53726 Всплывающее Меню При Наведении

Отправлено support 2.0 на 21 Март 2013 - 19:18

Просмотр сообщенияAS1987 (21 Март 2013 - 16:40) писал:

подскажите,как сделать наподобие этому сайту

пошагово расскажите пожалуйста,как можно к этому прийти Прикрепленный файл chrome.jpg

в шаблоне HTML Вам нужно заменить блок
<div id="mainNav" class="nav">
<table>
		 <tr>
		 {% FOR menu %}
						 {% FOR header %}
						 {% FOR links %}
						 <td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
						 <li>
								 <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} {% IF menu.header.links.NAME = A%} id="ikon_menu" {% ENDIF %}>{menu.header.links.NAME}</a>
										 {%IF menu.header.links.NAME = Apple%}
										 <ul>
												 <li>
												 <a href="http://mobilesar.ru/catalog/Apple-iPhone">Apple Iphone</a>
												 </li>
												 <li>
												 <a href="http://mobilesar.ru/catalog/Apple-iPad">Apple Ipad</a>
												 </li>
										 </ul>
										 {%ENDIF%}
										 {%IF menu.header.links.NAME = Смартфоны%}
										 <ul>
												 <li>
												 <a href="http://mobilesar.ru/catalog/smartfony-Samsung">Samsung</a>
												 </li>
												 <li>
												 <a href="http://ya.ru/">Yandex2</a>
												 </li>
										 </ul>
										 {%ENDIF%}
										 {%IF menu.header.links.NAME = Планшеты%}
										 <ul>
												 <li>
												 <a href="http://ya.ru/">Yandex</a>
												 </li>
												 <li>
												 <a href="http://ya.ru/">Yandex2</a>
												 </li>
										 </ul>
										 {%ENDIF%}
										 {%IF menu.header.links.NAME = Контакты%}
										 <ul>
												 <li>
												 <a href="http://mobilesar.ru/page/dostavka">Доставка</a>
												 </li>
												 <li>
												 <a href="http://guurantee.mobilesar.ru/">Гарантия</a>
												 </li>
										 </ul>
{%ENDIF%}

									
						 </li>
						 </td>
				 {% ENDFOR %}
						 {% ENDFOR %}
				 {% ENDFOR %}
		 </tr>
</table>
</div>
на этот
<div id="mainNav" class="nav">
<table>
		 <tr>
		
		 {% FOR menu %}
						 {% FOR header %}
						 <li class="home"><a href="http://{NET_DOMAIN}/"></a></li>
						 {% FOR links %}
						 <td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
						
						 <li>
								 <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} {% IF menu.header.links.NAME = A%} {% ENDIF %}>{menu.header.links.NAME}</a>
										 {%IF menu.header.links.NAME = Apple%}
										 <div class="sublvl">
										 <span class="arrow"></span>
											 <ul>
												 <li>
												 <a href="http://mobilesar.ru/catalog/Apple-iPhone">Apple Iphone</a>
												 </li>
												 <li>
												 <a href="http://mobilesar.ru/catalog/Apple-iPad">Apple Ipad</a>
												 </li>
										 </ul>
										 </div>
										 {%ENDIF%}
										 {%IF menu.header.links.NAME = Смартфоны%}
										 <div class="sublvl">
										 <span class="arrow"></span>
										 <ul>
												 <li>
												 <a href="http://mobilesar.ru/catalog/smartfony-Samsung">Samsung</a>
												 </li>
												 <li>
												 <a href="http://ya.ru/">Yandex2</a>
												 </li>
										 </ul>
										 </div>
										 {%ENDIF%}
										 {%IF menu.header.links.NAME = Планшеты%}
										 <div class="sublvl">
										 <span class="arrow"></span>
											 <ul>
												 <li>
												 <a href="http://ya.ru/">Yandex</a>
												 </li>
												 <li>
												 <a href="http://ya.ru/">Yandex2</a>
												 </li>
											 </ul>
										 </div>
										 {%ENDIF%}
										 {%IF menu.header.links.NAME = Контакты%}
										 <div class="sublvl">
										 <span class="arrow"></span>
											 <ul>
												 <li>
												 <a href="http://mobilesar.ru/page/dostavka">Доставка</a>
												 </li>
												 <li>
												 <a href="http://guurantee.mobilesar.ru/">Гарантия</a>
												 </li>
											 </ul>
									 </div>
{%ENDIF%}

									
						 </li>
						 </td>
				 {% ENDFOR %}
						 {% ENDFOR %}
				 {% ENDFOR %}
		 </tr>
</table>
</div>

теперь зайдите в файл main.css и найдите блок
#ikon_menu {
background: url("http://design.mobilesar.ru/домик2.jpg") !important;
font-size: 0px;
width: 26px;
background-size: cover !important;
}
удалите его

теперь найдите
.nav li {
float:left;
display:block;
position:relative;
z-index:500;
margin:0 1px;
}
.nav li a {
display:block;
padding:8px 5px 0 5px;
text-decoration:none;
}
.nav li a:hover {
}
.nav a.selected {
}
.nav ul {
position:absolute;
left:0;
display:none;
margin:0 0 0 -1px;
padding:0;
list-style:none;
}
.nav ul li {
float:left;
}
.nav ul a {
display:block;
padding: 10px 10px;
background: azure;
min-width: 100px;
width:auto;
opacity: 0.8;
}
.nav ul a:hover {
text-decoration:underline;
}
#mainNav li:hover ul {
display: block;
}
замените на
.nav li {
float:left;
display:block;
position:relative;
z-index:500;
margin:0 1px;
}
.nav li a {
display:block;
padding:8px 5px 0 5px;
text-decoration:none;
}
.nav li a:hover {
}
.nav a.selected {
}
.nav ul {
display:none; float:left; padding:0; margin:11px 0 0 0; background: #666/*#bb213b*/; /*border:1px solid #920e24;*/
-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; box-shadow:0px 2px 3px rgba(0,0,0,0.3)
}
.nav ul li {
float:left;
}
.nav ul a {
display:block;
padding: 10px 10px;
margin:1px; padding:5px 18px; float:left; background:none; border:none; font-size:13px; color:#fff; text-shadow:0px 1px #333;
min-width: 100px;
width:auto;
}
.nav ul a:hover {
background:#ccc; color:#222; text-shadow:0px 0px #fff}
}
#mainNav li:hover ul {
display: block;
}

теперь найдите блок
mainNav {position: absolute;left: 5px;bottom: 0;height: 35px;background: url("{ASSETS_IMAGES_PATH}nav_bg.jpg") no-repeat;}
#mainNav table {float:left;border-collapse: collapse;border-spacing: 0;background: url("{ASSETS_IMAGES_PATH}nav_bg_right.gif") no-repeat bottom right;padding: 5px 5px 0 0;height: 30px;margin:auto;}
#mainNav table td {padding:5px 0 0 2px;}
#mainNav table td.first {padding-left: 5px;}
#mainNav table td.last {padding-right: 5px;}
#mainNav table td > li {float:left;font-size: 1.25em;line-height: 1.3333em;height: 30px;background: #FFF url("/design/nav_item_bg.gif") repeat-x bottom left; margin:0 !important;}
#mainNav table td > li > a:link,
#mainNav table td > li > a:visited {display: block;height: 26px;color: #666;padding: 4px 10px 0 10px;background: url("/design/nav_item_bg.gif") repeat-x bottom left;}
#mainNav table td > li > a.selected,
#mainNav table td > li > a:hover,
#mainNav table td > li > a:active {color: #D0431D;text-decoration: none;background-position: bottom right;}

замените на
#mainNav {
position: absolute;
font:14px/15px "Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
box-shadow:0 2px 2px rgba(0,0,0,0.2);
left: 5px;
bottom: 0;
background: url("{ASSETS_IMAGES_PATH}navbg.png") top repeat-x;
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
height:39px;
z-index:20;
}
#mainNav table {float:left;border-collapse: collapse;border-spacing: 0;padding: 5px 5px 0 0;height: 30px;margin:auto;}
#mainNav table td {padding: 7px 0 0 0;}
#mainNav table td.first {padding-left: 3px;}
#mainNav table td.last {padding-right: 3px;}
#mainNav table td > li {float:left;line-height: 1.3333em;height: 29px; background:url("{ASSETS_IMAGES_PATH}navsep.png") right no-repeat; margin:0 !important;}
#mainNav table td > li > a {float:left; text-shadow:0px 1px #fff; text-decoration:none; margin: -3px 0px; padding:6px 20px; color:black; border:1px solid transparent; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
#mainNav table td > li > a:link,
#mainNav table td > li > a:visited {display: block;height: 26px;color: #666;padding: 7px 7px 0 7px;}
#mainNav table td > li > a.selected,
#mainNav table td > li > a:hover,
#mainNav table td > li > a:active {background: #999 url({ASSETS_IMAGES_PATH}navhover_gray.png) top repeat-x; color:#fff; text-shadow:0px 1px #333; border-color: #666;margin: -5px 0px;}
.nav li.home > a {background:url({ASSETS_IMAGES_PATH}homeico.png) center no-repeat; height: 19px; padding: 10px 29px;}
.nav li.home > a:hover, #mainNav table td > li.home.hover a, #mainNav table td > li.home.active > a {border-color:transparent}
.nav li.home > a:hover {background-image:url({ASSETS_IMAGES_PATH}homeicohover.png)}
#mainNav table td > li > .sublvl {position:absolute; left:3px; top:31px; z-index:3; float:left}
#mainNav table td > li:hover > ul > li > a {margin:1px; padding:5px 18px; float:left; background:none; width:131px; border:none; font-size:13px; color:#fff; text-shadow:0px 1px #333}
#mainNav table td > li:hover > ul > li > a:hover {background:#ccc; color:#222; text-shadow:0px 0px #fff}
nav ul ul {display:none; float:left; padding:0; margin:11px 0 0 0; background: #666/*#bb213b*/; /*border:1px solid #920e24;*/
	 -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; box-shadow:0px 2px 3px rgba(0,0,0,0.3)}
nav ul .hover ul {display:block}
#mainNav table td > li:hover .arrow {display:block; width:15px; height:8px; background:url({ASSETS_IMAGES_PATH}pt.png) no-repeat top left; position:absolute; top:3px; left:20px; z-index:4}
#mainNav table td > li:hover .arrow > ul > li {margin:0; padding:0; background:none; width:169px}
#mainNav table td > li:hover .arrow > ul > li > a {margin:1px; padding:5px 18px; float:left; background:none; width:131px; border:none; font-size:13px; color:#fff; text-shadow:0px 1px #333}
#mainNav table td > li:hover .arrow > ul > li > a:hover {background:#ccc; color:#222; text-shadow:0px 0px #fff}

теперь осталось загрузить картинки, которые прикреплены в моем сообщение в архиве. На своем компьютере извлеките файлы из архива и загрузить их на сайт через раздел Сайт -> редактор тем -> добавить файл

Прикрепленные изображения

  • ScreenShot 188.png

Прикрепленные файлы




#53374 Помогите Правильно Отредактировать Шаблон Mokko!

Отправлено Koderhan на 20 Март 2013 - 15:32

Просмотр сообщенияВиолетта (20 Март 2013 - 11:37) писал:

Добрый день. Скажите,как вставить конкретный фон. Вот такой и сможет ли он отображаться как на картинке со всеми нюансами?
мой магазин http://good4hobby.ru/
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Найти код:
body {
  font-size: 75%; /* convert 16px base font size to 12px */
  line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
  background-color: #FFF;
  color: #666;
}
Заменить:
body {
  font-size: 75%; /* convert 16px base font size to 12px */
  line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
  background-color: #FFF;
  color: #666;
  background: url(адрес изображения);
  background-size: 100%;
  background-position: 49px;
  background-repeat: repeat;
}



Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Найти код:
#contentWrap {clear: both; background: url(/web/fon_bok.jpg); background-color: white;/*цвет фона при отсутствие картинки*/}
Заменить:
#contentWrap {clear: both;}


Найти код:
#footer {background: url("http://kupi-hobby.storeland.net/botfade.jpg") repeat-x 50% 100%;border-top: 1px solid #CCC;clear: both;color: #999;font-family: verdana;height: 139px;margin: 0px;padding: 0px;text-align: center;}
Заменить:
#footer {border-top: 1px solid #CCC;clear: both;color: #999;font-family: verdana;height: 139px;margin: 0px;padding: 0px;text-align: center;}



#52602 Все Права Защищены, Акции В Каталоге, Цена Красным Цветом

Отправлено Koderhan на 18 Март 2013 - 07:24

Просмотр сообщенияA-myshop (16 Март 2013 - 20:56) писал:

Ребят, извините дурака. Ещё один вопрос. На главной странице где цены под товарами, надо подровнять. как это сделать?
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Найти код:

.span12 .regular-price {
		margin: 0 25% 0 26%;
		width: 50%;
}
Заменить:
.span12 .regular-price {
		display: block;
}


Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
В конец файла добавить код:

td .span12.price-box {
	padding-left: 30%;
}



#40216 Слайдер Skitter

Отправлено Imlies на 25 Январь 2013 - 13:49

Все, разобрался сам)