Легкая оптимизированная под SEO фотогалерея

Подскажите, пожалуйста, решение по созданию легкой SEO-оптимизированной галереи. Кто чем пользуется?

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

Перерыл интернет — везде какие-то навороты с fancybox и т.д. Если использовать просто Gallery, то заметил, она добавляет объемный скрипт в код страницы, чего хотелось бы избежать с точки зрения SEO.

В общем буду признателен, если поделитесь ссылками/опытом, как это делать правильно.
Заранее спасибо!

Сергей

04 июля 2015, 22:37

2 721

Комментарии: 33

Павел Романов

05 июля 2015, 10:48

Fancybox — это скрипт, увеличивающий картинки. По-любому ставить что-то подобное и настраивать придется )). Можете использовать Colorbox — он чуточку проще в интеграции.

А галерею проще всего сделать на MIGX. Уроков полно. Вот, к примеру, только вывод не слайдера нужно сделать, а просто превьюшек.

Николай

05 июля 2015, 15:57

она добавляет объемный скрипт в код страницы, чего хотелось бы избежать с точки зрения SEO

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

Сергей

06 июля 2015, 06:42

Николай, не сочтите за грубость, но вот из-за таких вот «шаблонных» разработчиков, коим, видимо, являетесь вы, обычно страдает бизнес.
Вы размышляете однобоко и должно быть делаете скорее так, как вам удобнее, а не так, как правильно на самом деле. А сеошники — это люди, которые вынуждены постоянно что-то изобретать, биться в конкурентной борьбе. И именно их труд приносит деньги, и в тоже время нередко сайты, сделанные «с технической точки зрения правильно, понятно, удобно»(с.) болтаются где-то в ж*пе поисковых выдач без их участия. Задумайтесь об этом.

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

Василий Наумкин

06 июля 2015, 07:23

Да-да, бизнес страдает только из-за этого.

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

Ведь нельзя же (о ужас!) купить рекламу и появляться вверху поисковой выдачи, а после захода юзера на сайт делать так, чтобы он не ушел — своими сервисом и скидками!
Нет, нужно нанять мутных типов, которые будут требовать от программиста сделать динамические фильтры с ЧПУ, потому что они якобы (якобы!) тогда лучше индексируются.

На досуге советую походить по разным популярным сайтам и оценить их с позиций SEO. Мой опыт говорит, что все они соблюдают лишь базовые принципы, и удобны, в первую очередь, для людей.
Фильтров с ЧПУ на таких сайтах я не видел вообще ни разу.

И да, SEO ребята обычно ничего не гарантируют, в отличии от программиста. У них всё построено на «может быть если вот это сделать, то поднимемся в выдаче, а может и нет — фиг знает, как там Яндекс работает, но мы предполагаем, что вот так».

Сергей

06 июля 2015, 07:32

Василий, вы бросаетесь в крайности, а ЧПУ очень даже хорошо работают.
В целом, уж раз даже вы такой позиции придерживаетесь, то тогда умываю руки — вопросы SEO на вашем форуме поднимать более не буду.

Василий Наумкин

06 июля 2015, 07:43

Это не «мой форум», это моё личное мнение.

Поднимайте что угодно, но я не вижу ЧПУ в фильтрах ни у Озона, ни у Яндекса, ни у ДНС, ни где бы то ни было еще. Однако SEO товарищи у меня их регулярно спрашивают. С какого перепуга динамические фильтры должны быть с ЧПУ я понять не могу.

Моя теория проста — работа поисковиков состоит в том, чтобы показывать людям хорошие интересные сайта, а не сайты, заточенные под поисковики.

Еще раз — работа SEO специалистов, по сути своей, противоречит работе поисковиков. SEOшники насильно хотят запихнуть в выдачу то, что поисковик выдавать не хочет.

Если сайт сделан качественно и наполнен уникальным контентом — поисковик выведет его сам, со временем — я в это верю и подтверждаю этим сайтом и bezumkin.ru, которые поднялись самостоятельно, хотя информации по MODX в интернетах немало.

Сергей

06 июля 2015, 08:14

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

Вот в таких случаях сеошник может быть на вес золота. Хочу отметить — ХОРОШИЙ сеошник, знающий свое дело! Прошу не путать с теми, кто преувеличивает свои компетенции.

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

Касательно работы Яндекса и т.д. — у меня, например, есть тестовая площадка — klein-calvin.ru, который в топе даже по самым жирным тематическим запросам — и он на самом деле не идеален, но я демонстрирую результат.

Василий Наумкин

06 июля 2015, 08:37

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

На главной странице 102 раза встречается словосочетание «Calvin Klein» (сеошники аплодируют).

Ну и ссылка на заказ товара у вас с параметром ?order=, в который можно писать что угодно — это же будут дубли (сеошники падают в обморок).

А теперь смотрим поисковую выдачу и кто у нас там на первых местах?

Покупная реклама, о чём я и говорил. Я бы на неё и кликнул.

Сергей

06 июля 2015, 08:51

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

Василий Наумкин

06 июля 2015, 09:01

Ниже сайт, да, на 6й странице.
Нужно быть очень терпеливым, чтобы до неё докрутить и ничего не выбрать — и там-то ваш сайт меня заманит!

А вот по запросу «Обувь Кельвин Кляйн» ваш сайт уже на первой странице — видимо, по этой фразе и оптимизировали.

При этом, как мне кажется, сайт ничем не отличается от сотен других. Нет ни отзывов, ни новостей, ни скидок, ни акций — почему я должен что-то на нём купить? Только потому, что ваш SEOшник забил им поисковую выдачу?

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

Вот поэтому мне SEO и не нравится, даже когда оно работает, извините.

Сергей

06 июля 2015, 09:30

Василий, выше писал — это тестовая площадка, НЕ коммерческий сайт. Создан для экспериментов с Яндексом, не более. Я привел его в качестве доказательства, что SEO имеет место быть, не более.

Николай

06 июля 2015, 14:37

Видно, что сайт переоптимизирован по самое не могу. Таким образом продвигались лет 7+ назад. А потом пошли фильтры, баны и прочее, за подобные фокусы. А ещё банят и фильтруют по стуку, конкуренты, если вдруг поисковик не справится. Чёт я в будущее сайта не верю… Поведенческие думаю тоже далеко не лучшие. Вообще, это скорее дорвей, чем сайт для людей. То что он в выдаче занял какие-то высокие места скорее ошибка, чем норма. А точнее, сайт возможно ещё не прошёл все проверки на вшивость, так что всё впереди.

Сергей

06 июля 2015, 21:49

Видно, что сайт переоптимизирован по самое не могу.

Николай, вы на основании чего делаете вывод? Только не говорите про кол-во ключей и т.д. — это будет указывать на то, что Яндекс до сих пор не научился отсеивать заспамленные ГС, и методы, которыми продвигались лет 7+ назад до сих пор работают. А это не так:)
Может быть можете рассказать что-то о современных методах продвижения?

Сергей

06 июля 2015, 21:55

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

Николай

06 июля 2015, 23:39

Николай, вы на основании чего делаете вывод? Только не говорите про кол-во ключей и т.д. — это будет указывать на то, что Яндекс до сих пор не научился отсеивать заспамленные ГС, и методы, которыми продвигались лет 7+ назад до сих пор работают. А это не так:)

Ну тогда встречный вопрос-ответ: как думаете, ваш сайт пройдёт ассесорскую проверку?

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

Спам может не мешать посетителям накрутить поведенческие. У вас есть разделы, которые могут зацепить юзера, вынудить его нажать на кнопочку, прежде чем он поймёт, что не туда попал. А также, перейдя по внешней ссылке (или рекламному блоку), он опять же какое-то время или насовсем, не возвращается в поисковик. А это тоже плюс. Собственно, подобные фишки я и расцениваю как современные методы продвижения. Но в данном случае думаю речь идёт скорее о «сером» сео, т.к. подобные показатели не говорят о качестве сайта, просто сайт оказался в роли стрелочника, если так можно выразиться :) И, если явление примет массовый характер, стрелочников и всяких агрегаторов появится слишком много, стоит ждать новых фильтров, банов и т.д.

Сергей

07 июля 2015, 00:20

Ох, чем дальше в лес, тем больше дров… чувствую, мы с вами наломаем, если продолжим это диалог:)
В целом же спасибо за подсказки ниже, ценно!

Николай

07 июля 2015, 00:32

Ох, чем дальше в лес, тем больше дров… чувствую, мы с вами наломаем, если продолжим это диалог:)

Т.е. я что-то глупое сказал?) Но я, правда, не претендую на роль гуру-сеошника, даже просто сеошник из меня очень плохой) Ваш сайт тоже интересно было посмотреть, оценить, спасибо, что показали. Кстати, зря тему соседнюю закрыли. Ну подумаешь, поспорили бы люди. Лично я не понимаю, как из-за таких тем могут быть какие-то конфликты с переходом на личности. Это смешно и по-детски :) Мне, например, интересно узнать иной взгляд на тему того же сео. Совсем не хочется замыкаться в каких-то стереотипах. Сео имеет место быть, сеошники тоже, интересно выслушать мнения разных сторон.

Сергей

07 июля 2015, 02:15

Т.е. я что-то глупое сказал?)

Нет. Я выразился в том плане, что сайт свой изначально показал в качестве подтверждения того, что с SEO считаться тоже стоит, так как есть фактические примеры, результаты — цитирую:

Касательно работы Яндекса и т.д. — у меня, например, есть тестовая площадка — klein-calvin.ru, который в топе даже по самым жирным тематическим запросам — и он на самом деле не идеален, но я демонстрирую результат.

А наша с Вами ветка уже пошла в сторону оценки правильности этого сайта, полезности и т.д.:) В общем этот сайт — подтверждение того, что SEO работает, но ни в коем случае не пример качественного SEO-заточенного сайта.

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

Как-то так.

Воеводский Михаил

06 июля 2015, 14:58

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

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

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

Данный сайт является полной противоположностью Ваших же слов.

Василий, выше писал — это тестовая площадка, НЕ коммерческий сайт. Создан для экспериментов с Яндексом, не более.

Эти слова воспринимаются в свете ранее сказанного как Ваше видение «Сайта для людей».

Ничего личного, только объективное мнение, основанное на Ваших высказываниях.

Сергей

06 июля 2015, 22:04

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

Василий, выше писал — это тестовая площадка, НЕ коммерческий сайт. Создан для экспериментов с Яндексом, не более.
Эти слова воспринимаются в свете ранее сказанного как Ваше видение «Сайта для людей».

Перечитал несколько раз — не понял мысль. Представленный сайт — тестовая площадка ряда мероприятий по оптимизации, о СДЛ речи не шло.

Воеводский Михаил

06 июля 2015, 22:39

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

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

Перечитал несколько раз — не понял мысль. Представленный сайт — тестовая площадка ряда мероприятий по оптимизации, о СДЛ речи не шло.

Мне весьма интересно — какая цель преследовалась при размещении такого количества названия производителя?

Сергей

07 июля 2015, 00:34

Мне весьма интересно — какая цель преследовалась при размещении такого количества названия производителя?

Целью было — проверить, как поисковики воспринимают такого рода «заспамленность», а главное — будут ли воспринимать это за спам вообще. Как выяснилось — спам спаму рознь.

Сергей

06 июля 2015, 07:25

Ладно, отбросим флуд…
При подключении Gallery вижу:

<head>
...
<script type="text/javascript">
if (!/android|iphone|ipod|series60|symbian|windows ce|blackberry/i.test(navigator.userAgent)) {
	jQuery(function($) {
	    var opts = {"loop":true,"overlayOpacity":0.8,"overlayFadeDuration":400,"resizeDuration":400,"resizeEasing":"swing","initialWidth":250,"initialHeight":250,"imageFadeDuration":400,"captionAnimationDuration":400,"counterText":"Image {x} of {y}","album":"1","tag":"","plugin":"slimbox","pluginPath":"","thumbTpl":"galItemThumb","containerTpl":"galAlbumTpl","itemCls":"gal-item","activeCls":"gal-item-active","toPlaceholder":"","thumbWidth":"100","thumbHeight":"100","thumbZoomCrop":true,"thumbFar":"C","thumbQuality":90,"thumbProperties":"","linkToImage":"","imageGetParam":"galItem","imageWidth":500,"imageHeight":500,"imageZoomCrop":false,"imageFar":"","imageQuality":90,"imageProperties":"","sort":"rand","dir":"ASC","limit":0,"start":0,"showInactive":false,"checkForRequestAlbumVar":true,"albumRequestVar":"galAlbum","checkForRequestTagVar":true,"tagRequestVar":"galTag","useCss":true,"slimboxLoadJQuery":"1","linkAttributes":"rel=\"lightbox[stt]\""};
		$("a[rel^='lightbox']").slimbox(opts, function(el) {
			return [encodeURI(el.href), el.title];
		}, function(el) {
			return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel));
		});
	});
}
</script>
</head>

А картинки выводятся след. образом:

<img class="" src="/assets/components/gallery/connector.php?action=web/phpthumb&ctx=web&w=100&h=100&zc=1&far=C&q=90&src=%2Fassets%2Fgallery%2F1%2F5.jpg" alt=""  />

Вопросы:
1. Можно ли как-то скрыть или оптимизировать скрипт в хеаде?
2. Как сделать вывод картинки вида:

<img src="/assets/components/gallery/имя_картинки" alt="" title=""/>

Заранее спасибо за КОНСТРУКТИВНЫЕ ответы!

Василий Наумкин

06 июля 2015, 07:32

Купить ms2Gallery — там прямые ссылки на заранее сгенерированные превью и нет скриптов в шапке.

Пример сайта, работающего на этой галерее — iris-noir.de.

Сергей

06 июля 2015, 07:37

Спасибо, попробую.

Николай

06 июля 2015, 07:44

Опередил меня, пока я писал развернутый ответ :)

Николай

06 июля 2015, 07:43

1. Необходимо приобрести ms2Gallery
, он будет давать ссылки вида

<img src="/assets/images/products/87/250x410/785376543a3cea66fd35e11b0e11b237c49a2620.jpg" width="250" height="410" alt="Mutant Mass (6.8 кг.)" title="Гейнеры Mutant Mass (6.8 кг.)">

2. Необходимо скачать fancybox2, забрать от туда папку source и кинуть ее в корень сайта.
3. в head сайта нужно добавить

<script type="text/javascript" src="/source/jquery.fancybox.js?v=2.1.5"></script>
	<link rel="stylesheet" type="text/css" href="/source/jquery.fancybox.css?v=2.1.5" media="screen" />
	<script type="text/javascript">
		$(document).ready(function() {
			$('.fancybox').fancybox();
		});
	</script>

4. Настроить чанки галереи, чтобы она верстку ссылки вида:

<a class="fancybox" href="/assets/images/products/87/785376543a3cea66fd35e11b0e11b237c49a2620.jpg" target="_blank">
		<img src="/assets/images/products/87/250x410/785376543a3cea66fd35e11b0e11b237c49a2620.jpg" width="250" height="410" alt="Mutant Mass (6.8 кг.)" title="Гейнеры Mutant Mass (6.8 кг.)">
	</a>

Отвечает вам «шаблонный» программист.

Василий Наумкин

06 июля 2015, 07:46

2. Только не в head, а в footer.

$(document).ready всё равно выполнится только после полной загрузки всего HTML.

Николай

06 июля 2015, 07:53

Ну да, точно. link надо оставить в head'е а остальное все перед /body

SEQUEL.ONE

07 июля 2015, 23:33

Уже за собой не раз замечаю, что все js я в footer выношу, когда стили все оставляю в head, а ещё какие-то части скриптов типа вызов функций увеличения в том же fancybox я выношу в отдельный файлик чтобы глаза не мозолил и всё прекрасно работает)))

Сергей

06 июля 2015, 07:56

Николай, спасибо!
Из /assets/images/products/87/785376543a3cea66fd35e11b0e11b237c49a2620.jpg можно как-то все-таки сделать /assets/images/products/87/nazvanie-kartinki.jpg
Не обижайтесь — цель в общем-то у все одна!)

Николай

06 июля 2015, 07:59

Да, можно. Это настраивается в компоненте.

Сергей

06 июля 2015, 08:52

Понял, спасибо, буду экспериментировать!

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.

Легкая оптимизированная под SEO фотогалерея

Комментарии: 33

Здесь упомянуты