Главная » 2011 » Июнь » 20

Каталог сайтов со скриншотами (видеоурок)

Тэги: каталог сайтов, UCOZ, видеоуроки Категория: uCoz
20.06.2011
Комментариев: 21| Просмотров: 8013
uCoz: Каталог сайтов со скриншотами (видеоурок) | showmehow.ru


Сегодня подготовил для вас небольшой видеоурок показывающий как Каталог сайтов со скриншотами размещённых в нём сайтов uCoz. Если не понятно значение слова скриншот в контексте сайта, то это уменьшеное изображение страницы, этакая снимок-иконка страницы сайта добавленной в каталог. Наверняка вы видели подобное на многих сайтах. Визуально этот приём выглядит очень эффектно и на мой взгляд удобно, поэтому обновляя один из своих сайтов я записал для вас это небольшое видеоруководство.


Из видеоурока "Каталог сайтов со скриншотами" вы узнаете:

  • Как зарегистрироваться в одной из популярных систем создания скриншотов сайтов
  • Как получить код этой системы для размещения на сайте
  • Как правильно разместить код в шаблонах сайта
  • Как сделать оформление скриншота в тексте страницы
  • Как отредактировать шаблоны сайта uCoz не заходя в панель управления




Скачать видеоурок бесплатно (15 Мб, 1024x768, полноцветный)
Посмотреть видеоурок онлайн (5 Мб, 1024x768, 256 цветов)

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

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

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

На этом на сегодня все. Удачного сайтостроительства!


Предлагаю вам так же ознакомится: с моим бесплатным видео-курсом по uCoz


Оцените статью Комментариев: 21

Комментарии к статье Каталог сайтов со скриншотами (видеоурок)

Всего комментариев: 21
avatar
1
20 vitkit3 • 11:17, 16.03.2015
Разобрался. Достаточно поставить в Страница материала и комментария и Виде материала перед $MESSAGE$ такой код, и всё отлично работает.
Код
<div style="float:left; padding: 5px"><img src="http://mini.s-shot.ru/1024x768/400/jpeg/?$SITE_DIRECT_URL$" title="Скриншот сайта" alt="" border="1" /></div>
avatar
0
21 dkplayer • 09:12, 28.04.2015
Прошу прощения, что так редко стал заходить на сайт. Но как вижу вы уже самостоятельно нашли решение и даже поделились им, большое спасибо! :-)
avatar
0
19 vitkit3 • 17:21, 15.03.2015
Константин, сервис websnapr стал платным, картинки исчезли. Есть ли что подобное для автоматической вставки скриншотов? Можно ли как-то http://www.s-shot.ru приспособить для автоматической вставки?
avatar
7 vitkit3 • 13:16, 19.01.2012
Всё очень хорошо, но есть один вопрос: в каталоге сайтов вроде бы предусмотрены комментарии, а у меня их нет, в чём может быть дело, подскажите!
avatar
8 dkplayer • 06:46, 20.01.2012
Могут быть отключены в настройках модуля, могут быть удалены в шаблонах, могут быть запрещены в правах пользователей...
avatar
9 vitkit3 • 22:21, 20.01.2012
Задавая вопрос немного поторопился. Понял, что без полного текста материала и комментариев нет, потому что комментарии только к полному тексту. Сделал полный текст, страница доступна только когда ты её создаёшь или редактируешь, в остальных случаях она не видима и добраться до неё нельзя. Если щёлкаешь по названию материала в каталоге, то попадаешь на страницу того сайта из каталога, хотя ссылка, когда наводишь мышку, такая, что должна бы привести к полному тексту материала. Но не приводит. С кодом в каталоге сайто не делал ничего, кроме того, что предлагается в этом уроке. Всё из описанного в уроке работает так, как описано. Скриншоты появляются мгновенно.Но комментарии к сайтам в каталоге считаю для моего сайта очень даже нужны. Можно что-либо подсказать в этой ситуации? Вот страница с каталогом: http://designall.ucoz.ru/dir/
avatar
10 dkplayer • 06:36, 23.01.2012
По умолчанию в шаблоне "Вид материала" под название материала идёт ссылка редирект на сайт добавленный в каталог $SITE_URL$, чтобы там была ссылка на сам материал необходимо в шаблоне изменить её на переменную $ENTRY_URL$
avatar
11 vitkit3 • 22:46, 23.01.2012
Задал вопрос - получил ответ - настоящее чудо! И не ответ типа "а не попробовать ли вам так"! Спасибо! Проблема легко устранилась! Задавал вопрос на форуме ucoz... Повезло, что попал на Ваш сайт, Константин. Но есть ещё один вопрос. Нельзя ли на главной странице каталога сайтов сделать категории в несколько колонок, а на странице материала с комментарием в боковой панели - в одну? Длинная колбаса категорий на главной - не очень приятная вещь, но если настраиваешь её на несколько колонок, то категории н а странице материалов с комментариями выстраиваются тоже в несколько.
avatar
12 dkplayer • 07:08, 24.01.2012
Спасибо за добрый отзыв. Правильно заданный вопрос - это уже половина ответа! smile По поводу меню категорий: в этом случае один блок придётся сделать в виде информера, а второй традиционным способом, затем в правах блока боковой панели указать в каких модулях он должен отображаться, либо сделать то же самое с помощью конструкции (например): <?if($PAGE_ID$!="main")?>$CATEGORIES$<?ENDIF?>. В этом примере меню категорий отображается только если страница отличная от главной. Где и как это условие применить решайте сами, например можно заключить в это условие вместо переменной $CATEGORIES$ целый блок боковой панели, для этого надо отредактировать шаблон боковой панели (Первый контейнер или Второй контейнер в зависимости от шаблона вашего сайта).
avatar
13 vitkit3 • 23:56, 30.01.2012
Спасибо, Константин, за помощь, обнаружил ещё одну проблему: краткое описание странным образом дублируется в полый текст материала, а введённый полный текст материала можно увидеть только при редактировании. Обнаружил не сразу, потому что не было необходимости делать различия в кратком описании и в полном тексте, а как появилась такая необходимость - обнаружилось, что сделать это не получается. В чём причина, помогите разобраться.
avatar
14 dkplayer • 11:37, 31.01.2012
поменяйте в шаблоне полного материала $BRIEF$ на $MESSAGE$
avatar
15 vitkit3 • 21:49, 31.01.2012
Да, так и есть, ещё раз спасибо, не сомневался, что ларчик должен был просто открываться. Но почему $BRIEF$ обтекал картинку справа, а $MESSAGE$ перестал обтекать?
avatar
16 dkplayer • 06:43, 01.02.2012
Надо смотреть в шаблоне и html код полного материала слои выравнивания, обтекания. Тут к сожалению одним простым советом не помогу smile
avatar
17 vitkit3 • 08:28, 01.02.2012
Но ведь я только $BRIEF$ на $MESSAGE$ поменял, обтекание картинки были же раньше заданы?
avatar
18 dkplayer • 11:33, 01.02.2012
Мне нечего добавить, надо смотреть шаблоны, html код...
avatar
5 AndryM • 18:52, 30.06.2011
Скриншот вручную делается за две минуты!(не для лентяев и не для автоматического добавления говносайтов без премодерации).Открываете страницу (желательно главную) добавляемого сайта, нажимаете клавишу PrtScr, открываете "Paint"(стандартная программа, есть на каждом компе), нажимаете Ctrl+V, появившуюся картинку сохраняете как JPEG. Обрезку и изменение размера делаете в любой программе просмотра и редактирования картинок (я пользуюсь ACDSee 10 Fhoto Manager)
avatar
6 dkplayer • 06:27, 01.07.2011
Андрей, вы имеете право делать так как вам удобно и как вы считаете правильным. Я ценю своё время и не хочу тратить даже 2 минуты на создание скриншота сайта вручную, если это можно сделать автоматически.

P.S. как автоматическое создание скриншота связано с не_модерироемостью каталога мне понять сложно.
avatar
4 Андрей • 18:37, 30.06.2011
Извините, но все эти сервисы скриншотов полный отстой! Я давно эту фигню выбросил в помойку. Некоторые сайты не отображаются, а иногда не отображаются или долго грузятся все остальные, которые раньше были видны. Хочешь сделать хорошо, сделай сам!
У меня два каталога сайтов. И на обоих я всё делаю вручную. Можете проверить сами http://sitecatalog.at.ua
http://anm.at.ua/dir
avatar
3 Alvays • 00:37, 25.06.2011
Константин..спасибо за урок,удачи тебе.
avatar
1 Ivanvrn • 20:08, 21.06.2011
Спасибо большое за урок. Вашими знаниями уже воспользовался.:booze:
Вот тут http://fans-fakelfc.ru/dir/1/1/1
avatar
2 dkplayer • 06:33, 22.06.2011
Когда урок на пользу это всегда радует! smile
avatar

При полном или частичном копировании материалов сайта, установка ссылки на сайт источник: http://www.showmehow.ru обязательна!