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

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

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

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

В общем буду признателен, если поделитесь ссылками/опытом, как это делать правильно.
Заранее спасибо!
Сергей
04 июля 2015, 22:37
modx.pro
2 110
-2

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

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

А галерею проще всего сделать на MIGX. Уроков полно. Вот, к примеру, только вывод не слайдера нужно сделать, а просто превьюшек.
    Николай
    05 июля 2015, 15:57
    +3
    она добавляет объемный скрипт в код страницы, чего хотелось бы избежать с точки зрения SEO
    Примерно за это я ненавижу этих сеошников. Когда делаешь сайт, делаешь его с технической точки зрения правильно, понятно, удобно. Все лаконично, работает как часики. И получаешь от сеошника ТЗ, в котором все человеческую логику надо сломать, все надо переделать, переиначить. Вплоть до того, что получаешь под копирку с оптимизатора гугла. В итоге 2-4 дня собирал не сложный сайт, и потом еще столько же ломаешь его логику, скрипты и прочее.
      Сергей
      06 июля 2015, 06:42
      -5
      Николай, не сочтите за грубость, но вот из-за таких вот «шаблонных» разработчиков, коим, видимо, являетесь вы, обычно страдает бизнес.
      Вы размышляете однобоко и должно быть делаете скорее так, как вам удобнее, а не так, как правильно на самом деле. А сеошники — это люди, которые вынуждены постоянно что-то изобретать, биться в конкурентной борьбе. И именно их труд приносит деньги, и в тоже время нередко сайты, сделанные «с технической точки зрения правильно, понятно, удобно»(с.) болтаются где-то в ж*пе поисковых выдач без их участия. Задумайтесь об этом.

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

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

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

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

        И да, SEO ребята обычно ничего не гарантируют, в отличии от программиста. У них всё построено на «может быть если вот это сделать, то поднимемся в выдаче, а может и нет — фиг знает, как там Яндекс работает, но мы предполагаем, что вот так».
          Сергей
          06 июля 2015, 07:32
          -1
          Василий, вы бросаетесь в крайности, а ЧПУ очень даже хорошо работают.
          В целом, уж раз даже вы такой позиции придерживаетесь, то тогда умываю руки — вопросы SEO на вашем форуме поднимать более не буду.
            Василий Наумкин
            06 июля 2015, 07:43
            +1
            Это не «мой форум», это моё личное мнение.

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

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

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

            Если сайт сделан качественно и наполнен уникальным контентом — поисковик выведет его сам, со временем — я в это верю и подтверждаю этим сайтом и bezumkin.ru, которые поднялись самостоятельно, хотя информации по MODX в интернетах немало.
              Сергей
              06 июля 2015, 08:14
              0
              Я абсолютно согласен со многими вашими высказываниями — сайт действительно должен быть для людей, сайт должен быть интересным и предоставлять качественные сервисы. Часто бывает так, что по определенным тематикам можно взлететь в топ исключительно за счет хорошего, востребованного контента, НО бывают случаи, когда этого всего не достаточно, и нужно выжимать по-максимум.

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

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

              Касательно работы Яндекса и т.д. — у меня, например, есть тестовая площадка — klein-calvin.ru, который в топе даже по самым жирным тематическим запросам — и он на самом деле не идеален, но я демонстрирую результат.
                Василий Наумкин
                06 июля 2015, 08:37
                0
                Вот мне, как человеку, очень не нравятся адреса без вложенности — непонятно, где я нахожусь, в каталоге или в корне сайта.
                Что бы не открыл, всегда первый уровень ссылок — SEO парни это обожают, ведь на сайте весь контент всегда одинаково важен, правда же? Нельзя держать товар каталога внутри каталога, он должен быть наравне с главной страницей.

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

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

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

                Покупная реклама, о чём я и говорил. Я бы на неё и кликнул.
                  Сергей
                  06 июля 2015, 08:51
                  0
                  На первых местах реклама Яндекса, ее переплюнуть, как бы того ни хотелось, нельзя:) А ниже сайт.
                  Все отмеченные факторы не имеют значения в данном случае.
                  В общем сеошники поймут причину, а «сеошники» будут лепить доводы — не мешайте одних с другими.
                    Василий Наумкин
                    06 июля 2015, 09:01
                    +1
                    Ниже сайт, да, на 6й странице.
                    Нужно быть очень терпеливым, чтобы до неё докрутить и ничего не выбрать — и там-то ваш сайт меня заманит!

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

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

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

                    Вот поэтому мне SEO и не нравится, даже когда оно работает, извините.
                      Сергей
                      06 июля 2015, 09:30
                      -1
                      Василий, выше писал — это тестовая площадка, НЕ коммерческий сайт. Создан для экспериментов с Яндексом, не более. Я привел его в качестве доказательства, что SEO имеет место быть, не более.
                    Николай
                    06 июля 2015, 14:37
                    +2
                    Видно, что сайт переоптимизирован по самое не могу. Таким образом продвигались лет 7+ назад. А потом пошли фильтры, баны и прочее, за подобные фокусы. А ещё банят и фильтруют по стуку, конкуренты, если вдруг поисковик не справится. Чёт я в будущее сайта не верю… Поведенческие думаю тоже далеко не лучшие. Вообще, это скорее дорвей, чем сайт для людей. То что он в выдаче занял какие-то высокие места скорее ошибка, чем норма. А точнее, сайт возможно ещё не прошёл все проверки на вшивость, так что всё впереди.
                      Сергей
                      06 июля 2015, 21:49
                      0
                      Видно, что сайт переоптимизирован по самое не могу.
                      Николай, вы на основании чего делаете вывод? Только не говорите про кол-во ключей и т.д. — это будет указывать на то, что Яндекс до сих пор не научился отсеивать заспамленные ГС, и методы, которыми продвигались лет 7+ назад до сих пор работают. А это не так:)
                      Может быть можете рассказать что-то о современных методах продвижения?
                        Сергей
                        06 июля 2015, 21:55
                        0
                        Касательно поведенческих, кстати,- в среднем на одного посетителя 5-7 просмотров страниц, даже есть конверсия, хотя, повторюсь в который раз, сайт абсолютно не нацелен на продажи или что-то там еще — просто одна из тестовых площадок, не более, ни в коем разе не претендует на звание качественного сайта и тем более интернет-магазина.
                          Николай
                          06 июля 2015, 23:39
                          0
                          Николай, вы на основании чего делаете вывод? Только не говорите про кол-во ключей и т.д. — это будет указывать на то, что Яндекс до сих пор не научился отсеивать заспамленные ГС, и методы, которыми продвигались лет 7+ назад до сих пор работают. А это не так:)
                          Ну тогда встречный вопрос-ответ: как думаете, ваш сайт пройдёт ассесорскую проверку?

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

                          Спам может не мешать посетителям накрутить поведенческие. У вас есть разделы, которые могут зацепить юзера, вынудить его нажать на кнопочку, прежде чем он поймёт, что не туда попал. А также, перейдя по внешней ссылке (или рекламному блоку), он опять же какое-то время или насовсем, не возвращается в поисковик. А это тоже плюс. Собственно, подобные фишки я и расцениваю как современные методы продвижения. Но в данном случае думаю речь идёт скорее о «сером» сео, т.к. подобные показатели не говорят о качестве сайта, просто сайт оказался в роли стрелочника, если так можно выразиться :) И, если явление примет массовый характер, стрелочников и всяких агрегаторов появится слишком много, стоит ждать новых фильтров, банов и т.д.
                            Сергей
                            07 июля 2015, 00:20
                            0
                            Ох, чем дальше в лес, тем больше дров… чувствую, мы с вами наломаем, если продолжим это диалог:)
                            В целом же спасибо за подсказки ниже, ценно!
                            Николай
                            07 июля 2015, 00:32
                            0
                            Ох, чем дальше в лес, тем больше дров… чувствую, мы с вами наломаем, если продолжим это диалог:)
                            Т.е. я что-то глупое сказал?) Но я, правда, не претендую на роль гуру-сеошника, даже просто сеошник из меня очень плохой) Ваш сайт тоже интересно было посмотреть, оценить, спасибо, что показали. Кстати, зря тему соседнюю закрыли. Ну подумаешь, поспорили бы люди. Лично я не понимаю, как из-за таких тем могут быть какие-то конфликты с переходом на личности. Это смешно и по-детски :) Мне, например, интересно узнать иной взгляд на тему того же сео. Совсем не хочется замыкаться в каких-то стереотипах. Сео имеет место быть, сеошники тоже, интересно выслушать мнения разных сторон.
                            Сергей
                            07 июля 2015, 02:15
                            0
                            Т.е. я что-то глупое сказал?)
                            Нет. Я выразился в том плане, что сайт свой изначально показал в качестве подтверждения того, что с SEO считаться тоже стоит, так как есть фактические примеры, результаты — цитирую:
                            Касательно работы Яндекса и т.д. — у меня, например, есть тестовая площадка — klein-calvin.ru, который в топе даже по самым жирным тематическим запросам — и он на самом деле не идеален, но я демонстрирую результат.
                            А наша с Вами ветка уже пошла в сторону оценки правильности этого сайта, полезности и т.д.:) В общем этот сайт — подтверждение того, что SEO работает, но ни в коем случае не пример качественного SEO-заточенного сайта.

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

                            Как-то так.
                    Воеводский Михаил
                    06 июля 2015, 14:58
                    0
                    Обычно стараюсь не участвовать в подобных дискуссиях, но тут не удержался — зашел на сайт.

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

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

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

                    Ничего личного, только объективное мнение, основанное на Ваших высказываниях.
                      Сергей
                      06 июля 2015, 22:04
                      0
                      Михаил, вы не туда смотрите и стереотипно представляете, что сеошники только и делают, что выделяют ключи жирным и ими же заспамливают страницы. Это на самом деле не так.

                      Василий, выше писал — это тестовая площадка, НЕ коммерческий сайт. Создан для экспериментов с Яндексом, не более.
                      Эти слова воспринимаются в свете ранее сказанного как Ваше видение «Сайта для людей».
                      Перечитал несколько раз — не понял мысль. Представленный сайт — тестовая площадка ряда мероприятий по оптимизации, о СДЛ речи не шло.
                        Воеводский Михаил
                        06 июля 2015, 22:39
                        1
                        0
                        Михаил, вы не туда смотрите и стереотипно представляете, что сеошники только и делают, что выделяют ключи жирным и ими же заспамливают страницы. Это на самом деле не так.
                        Не буду отрицать, что мне часто именно такие методы сеошников встречались на разных сайтах, не только на тех, с которыми я работал.
                        Соглашусь, что разных методов много, однако, такое в глаза бросается больше всего. Соответственно, видя подобное, выводы напрашиваются сами собой.

                        Перечитал несколько раз — не понял мысль. Представленный сайт — тестовая площадка ряда мероприятий по оптимизации, о СДЛ речи не шло.
                        Мне весьма интересно — какая цель преследовалась при размещении такого количества названия производителя?
                          Сергей
                          07 июля 2015, 00:34
                          0
                          Мне весьма интересно — какая цель преследовалась при размещении такого количества названия производителя?
                          Целью было — проверить, как поисковики воспринимают такого рода «заспамленность», а главное — будут ли воспринимать это за спам вообще. Как выяснилось — спам спаму рознь.
          Сергей
          06 июля 2015, 07:25
          0
          Ладно, отбросим флуд…
          При подключении 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
            +1
            Купить ms2Gallery — там прямые ссылки на заранее сгенерированные превью и нет скриптов в шапке.

            Пример сайта, работающего на этой галерее — iris-noir.de.
              Сергей
              06 июля 2015, 07:37
              0
              Спасибо, попробую.
                Николай
                06 июля 2015, 07:44
                0
                Опередил меня, пока я писал развернутый ответ :)
                Николай
                06 июля 2015, 07:43
                0
                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
                  0
                  2. Только не в head, а в footer.

                  $(document).ready всё равно выполнится только после полной загрузки всего HTML.
                    Николай
                    06 июля 2015, 07:53
                    0
                    Ну да, точно. link надо оставить в head'е а остальное все перед /body
                      SEQUEL.ONE
                      07 июля 2015, 23:33
                      +1
                      Уже за собой не раз замечаю, что все js я в footer выношу, когда стили все оставляю в head, а ещё какие-то части скриптов типа вызов функций увеличения в том же fancybox я выношу в отдельный файлик чтобы глаза не мозолил и всё прекрасно работает)))
                      Сергей
                      06 июля 2015, 07:56
                      0
                      Николай, спасибо!
                      Из /assets/images/products/87/785376543a3cea66fd35e11b0e11b237c49a2620.jpg можно как-то все-таки сделать /assets/images/products/87/nazvanie-kartinki.jpg
                      Не обижайтесь — цель в общем-то у все одна!)
                        Николай
                        06 июля 2015, 07:59
                        +1
                        Да, можно. Это настраивается в компоненте.
                          Сергей
                          06 июля 2015, 08:52
                          0
                          Понял, спасибо, буду экспериментировать!
                    Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
                    33