Все, что рассматривалось ранее, было созданием HTML?документов, которые не предусматривали никаких возможностей навигации. Теперь пришло время заняться изучением главного средства, которое сделало использование HTML практически незаменимым для представления связанных между собой документов. Речь идет о гиперссылках. Гиперссылки – ключевой, практически самый главный элемент гипертекста (текста, обладающего возможностями навигации).
Простота, наглядность и в то же время мощь гиперссылки заключаются в том, что ею может быть практически все что угодно: слово в тексте, заголовок, рисунок, элемент таблицы и другие элементы HTML?документа. Для использования гиперссылки от пользователя требуется щелчок кнопкой мыши на тексте, изображении или прочем представлении гиперссылки, остальную работу по поиску и переходу к нужному ресурсу выполнят автоматические системы, начиная с браузера на компьютере пользователя и заканчивая службой DNS, поисковыми машинами Интернета. Вся работа, необходимая для поиска и загрузки нужных ресурсов, скрыта от пользователя. Он только видит результат и наслаждается легкостью навигации в огромном объеме информации.
5.1. Простой переход к ресурсам
Для создания гиперссылки в тексте HTML?документа используется элемент A, который задается при помощи парных тегов и . Текст, изображение или другой элемент HTML?документа, заключенный между этими тегами, становится представлением гиперссылки в тексте. Обычно браузеры отображают гиперссылки таким образом, что их можно однозначно отделить от прочего содержимого документа, например выделяют цветом, подчеркиванием, меняют форму указателя мыши при наведении его на гиперссылку. Обычным действием браузера при переходе по гиперссылке является открытие указанного HTML?документа в том же или новом окне.
Навигация между HTML-документами
Для создания простейшей гиперссылки, обеспечивающей переход к нужному HTML?документу, достаточно задать в качестве значения атрибута href элемента A URI нужного ресурса (файла HTML?документа). Допустим, что сайт, по которому нужно реализовать навигацию, состоит из пяти страниц. Файлы страниц именуются 1.html, 2.html и т. д. У сайта также есть главная страница (index.html), на которой находится оглавление. Элементы оглавления позволяют перейти к соответствующим страницам, то есть являются гиперссылками. Тогда возможный вариант HTML?документа с оглавлением сайта будет иметь следующий вид (пример 5.1).
Для оформления оглавления использовался рассмотренный ранее список определений. При желании это оформление можно легко изменить. Как можно видеть на рис. 5.1, текст, заключенный между тегами элемента A, стал визуальным представлением гиперссылки в документе. На то, что помещается между тегами и , накладывается ограничение, которое нужно помнить: содержимым гиперссылки не может быть другая гиперссылка.
Рис. 5.1. Оглавление сайта
Если доводить реализацию навигации в рассматриваемом сайте до конца, то логично вставить в каждый HTML?документ, который является отдельной страницей сайта, гиперссылки для перехода на страницу оглавления, а также для перехода на следующую и предыдущую страницы. Добавление таких ссылок в HTML?документ в файле 3.html может выглядеть, например, следующим образом:
До сих пор рассматривался переход при помощи гиперссылок в пределах одного сайта, причем все страницы сайта были расположены в одной папке. При этом для задания местоположения использовались относительные URI. Если страницы сайта расположены в разных папках (допустим, что названия папок совпадают с номерами страниц), то гиперссылки на странице оглавления будут иметь следующий вид:
Для перехода к ресурсам, находящимся за пределами сайта, используются полные URI, например:
Приведенная здесь гиперссылка позволяет перейти к HTML?документу homepage.html, расположенному на сайте mydomain.com.
Загрузка файлов
Гиперссылки можно использовать не только для перехода между различными HTML?документами. С их помощью можно выполнять загрузку с серверов различных файлов: архивов, иллюстраций, музыки, видео и т. д. Например, при организации содержания своего электронного фотоальбома можно использовать пример 5.2.
Если вы выберете какую?либо ссылку, то браузер загрузит соответствующее изображение. Кстати, подобия гиперссылок используются и при вставке изображений непосредственно в HTML?документ, но как это делается, будет рассмотрено в следующем разделе.
Рассмотрим пример, который можно часто встретить при использовании различных хранилищ файлов. Допустим, есть сайт, с которого можно скачать архивы с концертными фотографиями какой?нибудь рок?группы. Тогда страницу оглавления имеющихся архивов можно реализовать в виде следующего HTML?документа (пример 5.3).
При выборе любой из ссылок браузер (если рассматривать Internet Explorer) отобразит окно, в котором спросит у пользователя, что делать с файлом архива: открыть или сохранить на диске компьютера пользователя. Пользователь может выбирать, что ему угодно. Важно лишь то, что он получил доступ к файлам архивов на сервере.
Ссылки на другие службы
Ранее рассматривалось использование гиперссылок только для навигации между HTML?документами и загрузки файлов с сервера с использованием протокола HTTP. В гиперссылках предыдущих примеров протокол HTTP не указывался, так как он используется по умолчанию.
Теперь будет рассмотрено создание гиперссылок на ресурсы, протокол работы с которыми отличен от HTTP: ссылки на службы новостей, ссылки на ресурсы FTP?серверов и ссылки на почтовые службы. Начнем со ссылок на ресурсы FTP?серверов. FTP – протокол передачи файлов (File Transfer Protocol), который является одним из самых старых протоколов Интернета. Этот протокол и теперь используется на некоторых серверах?хранилищах файлов (файловых серверах). Ниже приведен пример типичного адреса ресурса FTP?сервера:
Как видно, URI FTP?ресурса отличается только наименованием протокола. Однако отличий FTP от HTTP при использовании несколько больше. Дело в том, в большинстве случаев FTP?серверы могут при установке подключения проводить авторизацию пользователя, то есть создавать именное подключение. В приведенном же ранее примере устанавливалось анонимное подключение. Чтобы подключиться к FTP?серверу под именем зарегистрированного на FTP?сервере пользователя, нужно указать в адресе имя пользователя следующим образом:
В большинстве случаев при установке именного FTP?подключения требуется ввод пароля. Если пароль нужно вводить, браузер отобразит окно ввода пароля.
Пароль можно указать прямо в адресе следующим образом (mypass – это и есть пароль):
Для создания гиперссылки на адрес электронной почты достаточно для атрибута href HTML?элемента A использовать похожее значение:
В данном случае значения полей, которые будут заполнены в окне почтовой программы, указываются после адреса электронной почты. Так, например, если почтовая программа по умолчанию – Microsoft Outlook, то при выборе в окне браузера гиперссылки с приведенным выше значением атрибута href окно Microsoft Outlook будет выглядеть так, как показано на рис. 5.2.
Рис. 5.2. Автоматическое заполнение полей почтовой программы
Из рисунка можно увидеть, какое поле как обозначается в строке почтового адреса гиперссылки (subject, cc, bcc и body). Остается только лишь подчеркнуть, что символ C», «N», при нажатии которой пользователь перейдет по гиперссылке (в Windows нажимается клавиша Alt + быстрая клавиша);
• charset – кодировка ресурса, на который указывает гиперссылка;
• hreflang – задает язык ресурса, на который указывает гиперссылка;
• type – задает так называемый MIME?тип содержимого ресурса, на который указывает гиперссылка (описание MIME?типов см. в разд. 6.5);
• tabindex – порядок табуляции, в котором активируется гиперссылка (значение от 0 до 32 767);
• rel – роль документа, на который указывает гиперссылка; основные значения вместе с описаниями приведены в табл. 5.1;
• rev – роль текущего документа по отношению к документу, на который указывает гиперссылка; значения см. в табл. 5.1.
Таблица 5.1. Типы ссылок, задаваемые атрибутами rel и rev (значения этих атрибутов)
Теперь пара слов об атрибуте tabindex. Использовать этот атрибут очень удобно, когда нужно обеспечить перемещение по документу при помощи табуляции. Табуляция обеспечивается нажатием клавиши Tab. Гиперссылки и некоторые другие части документа можно нумеровать, задавая порядок, в котором они будут активироваться при табуляции. Элементы документа, для которых не задано значение атрибута tabindex, перебираются в порядке их следования в документе.
- Альтернативная медицина
- Астрономия и Космос
- Биология
- Военная история
- Геология и география
- Государство и право
- Деловая литература
- Домашние животные
- Домоводство
- Здоровье
- История
- Компьютеры и Интернет
- Кулинария
- Культурология
- Литературоведение
- Математика
- Медицина
- Научная лит. — прочее
- Обществознание
- Педагогика
- Политика
- Психология
- Религиоведение
- Сад и огород
- Самосовершенствование
- Сделай сам
- Спорт
- Технические науки
- Транспорт и авиация
- Учебники
- Физика
- Философия
- Химия
- Хобби и ремесла
- Шпаргалки
- Эзотерика
- Юриспруденция
- Языкознание
Источник: www.razlib.ru
Как сделать ссылку в HTML — виды ссылок — изображение ссылка
Все страницы в интернет связанны гиперссылками. Ссылки являются важнейшей составляющей всего интернета, без которых его существование на сегодняшний день просто не возможно.
В данном уроке мы рассмотрим, как создаются ссылки, какие бывают виды ссылок и как сделать ссылку из изображения.
Материалы по теме:
- Как закрыть ссылки от индексации
- Быстрое введение в HTML5 для веб-мастеров
- Создание таблиц в html — фон таблицы — рамка таблицы — объединение ячеек
Ссылка в html задается при помощи тега и парного закрывающего его тега . Адрес ссылки задается при помощи атрибута href= «». Например, код ссылки на данный сайт будет выглядеть так:
Ссылка состоит из двух элементов:
адреса ссылки href= http://webmastermix.ru/ и
текста ссылки Портал для веб-мастеров.
Текст ссылки называется якорем или анкором ссылки.Выше мы рассмотрели пример ссылки, которая ведет на главную страницу сайта. В данном случае, в адресе ссылки, мы не прописывали имя файла и его расширение. Для того чтобы дать ссылку на главную страницу сайта достаточно указать адрес сайта. В большинстве случаев главная страница имеет название index.html.
Для того чтобы лучше понять как создаются и работают ссылки создайте в какой либо папке на вашем компьютере два html документа. Для этого откройте текстовый документ и сохраните его с именем и расширением index.html.
То же самое проделайте еще раз и сохраните файл с именем razdel.html Содержимое второго файла придумайте сами. Если вы еще не знаете, как создавать html документы то смотрите урок Основы HTML.
Теперь мы сделаем ссылку из страницы с названием index.html на страницу razdel.html. Ссылка будет выглядеть следующим образом:
Это в том случае если файл razdel.html лежит в одной папке с файлом index.html. Если же он лежит например в папке pages, то адрес будет выглядеть так:
Весь код файла index.html будет выглядеть так:
Моя первая страница Посмотреть страницу
Можете открыть файл index.html в вашем браузере и перейти по ссылке, в результате откроется новая страница. Как вы заметили, в данном случае страница открылась в текущем окне. Можно сделать так чтобы при нажатии на ссылку новая страница открывалась в новом окне для этого в открывающий тег нужно добавить атрибут target=»_blank» Это будет выглядеть следующим образом:
Попробуйте добавить данный атрибут к ссылке созданной ранее, затем обновите страницу и опять перейдите по ссылке. В результате ваша страница откроется в новом окне. Все ссылки, которые мы рассмотрели ранее, являются внешними.
К примеру, для той страницы где вы сейчас находитесь, можно сделать так:
Этим мы определили якорь т. е. место куда будет попадать пользователь при нажатии на нашу ссылку. Теперь в том месте, где это нужно, необходимо указать саму ссылку. Делается это так:
Заметьте что здесь в кавычках перед словом verh обязательно должен быть знак решетка #. Чтобы посмотреть, как это работает, можете нажать на следующую ссылку: Перейти вверх.
Ссылаться можно не только на файлы с расширением html но и на файлы с другими расширениями. Для этого в адресе ссылки необходимо прописывать соответствующее имя файла и расширение. Например, html ссылка на файл архива будет выглядеть так:
Ссылка на файл .mp3 будет выглядеть следующим образом:
Можете попробовать скопировать какой либо архив или музыкальный файл в папку с файлами, созданными ранее и дать на них ссылку. В этом случае при переходе по ссылке браузер предложит вам открыть или сохранить файл. Атрибут target=»_blank» так же можно применять к данным ссылкам.
Теперь рассмотрим, какие бывают виды ссылок. Различают следующие виды ссылок абсолютные и относительные. Абсолютные ссылки это ссылки, в которых указан полный адрес документа. Такие ссылки используются для связи с внешними ресурсами сети. Пример такой ссылки:
Относительная ссылка это ссылка, в которой отсутствует общая адресная часть. Такие ссылки используются в пределах одного сайта. Пример такой ссылки:
Ссылки могут также отличаться по префиксу протокола. (то с чего начинается ваша ссылка). Префикс зависит от назначения ссылки. Основные протоколы, с которыми вы можете столкнуться следующие:
http:// — самый распространенный протокол, при помощи его обеспечивается доступ к веб-страницам, ссылка выглядит так:
mailto: — протокол доступа к электронной почте. Его необходимо использовать, если вы хотите дать ссылку на электронную почту. Код ссылки записывается следующим образом:
Кроме этих протоколов есть еще протокол ftp://, при помощи которого, осуществляется передача файлов по FTP с помощью программы FTP-клиента. А также протокол file:// — используется для указания ссылки на страницу расположенную на локальном компьютере.
Вам при создании веб страниц в основном придется иметь дело с первыми двумя протоколами. И последнее что нам осталось рассмотреть, в рамках данного урока, это как делать ссылку из изображения. На самом деле все очень просто. Вместо текста заключенного в теги нужно вставить адрес изображения. Как вставлять изображение мы рассматривали в уроке Как вставлять картинки и производить их позиционирование в html.
Сохраните изображение, которое вы видите слева в ту папку, где лежат файлы, которые мы создавали ранее. Теперь мы сделаем это изображение ссылкой. Для этого в нашем файле index.html нужно прописать следующее:
Бродя по интернету вы могли видеть такой эффект когда при нажатии на ссылку в виде небольшого изображения загружается другое большое изображение. Для того чтобы сделать такой эффект необходимо в качестве адреса в ссылке указать адрес большого изображения.
Для того чтобы увидеть как это работает, сохраните второе изображение в ту папку где лежат ранее созданные файлы, а в файл index.html вставьте следующий код:
В результате если вы пройдете по ссылке в виде маленького изображения откроется большое изображение. К ссылке в виде изображения можно также применять атрибут target=»_blank», а также производить открытие не только файлов с расширением .html но и файлов с другими расширениями. Вот и все что касается того как делать ссылки в HTML.
Материал подготовлен порталом: webmastermix.ru
Рекомендуем ознакомиться:
- Что такое URL адрес — его структура и технические параметры
- Как вставлять картинки и производить их позиционирование в html
- Форматирование текста в HTML
- Как изменять цвет текста в html документе
- Как задавать цвет фона HTML документа
- Параграфы и выравнивание текста в HTML
Источник: webmastermix.ru
Внешние и внутренние ссылки
Ссылки — важнейшая составляющая интернета. Они связывают между собой страницы всемирной паутины и являются тропинками, по которым ходят пользователи. Поэтому очень важно уделить внимание ссылкам, которыми ваш сайт связан с другими ресурсами.
Так пишет Яндекс. Действительно в основу интернета была положена ее величество Ссылка — link. И еще не так давно мы спокойно менялись ссылками, выкладывали коллекции ссылок и т.д. Но все «пошло не так» как говорится. Сейчас надо соблюдать некоторые правила, чтобы они не принесли вред вашему сайту (внешние ссылки).
Я и сейчас размещаю множество полезных ссылок у себя: https://webtend.ru/poleznye-ssylki.html, так как считаю — в этом основа интернета вообще. Как это сделать без вреда, попытаюсь рассказать в этой статье.
Интернет ссылка (web link) — это элемент текста (с соответствующим кодом), указывающий на страницу сайта (интернет ресурс). По сути веб ссылка — это адрес страниц (урл) или иного ресурса в интернете, указанный на какой либо странице. Адрес активной страницы сайта можно скопировать в адресной строке интернет браузера и вставить в страницу или предназначенное для них поле соответствующих программ. На веб страницах они обычно подсвечиваются цветом и могут быть с подчеркиванием.
Активная интернет ссылка называется гиперссылкой. Ссылка возникает при помещении интернет адреса (URL — Universal Resource Locator или универсальный указатель ресурса), обычно из адресной строки браузера на страницу сайта в текст или другое соответствующее место в структуре сайта. В редакторах сайтов они графически обозначаются в виде звеньев цепи.
Как всем известно существуют несколько видов ссылок внутренние которые ведут на страницы Вашего сайта и внешние которые ведут на другие сайты.
Не все ссылки одинаково полезны!
Внутренние ссылки на Вашем сайте могут приносить пользу, но при их большом количестве так же могут и навредить. По советам специалистов google не рекомендует размещать на страницах Вашего сайта более 100 внутренних ссылок. Конечно это было уже дано и учитывая масштабы современных сайтов плюс наши наблюдения мы склоняемся к диапазону от 100 до 200 ссылок максимум и при таком количестве ссылок сайты хорошо выходят в топ и довольно быстро индексируются. Внутренние ссылки сайта это не только те ссылки которые Вы разместили в тексте статьи, а это все ссылки содержащиеся на определенной странице Вашего сайта: ссылки на пункты меню, ссылки с модулей, ссылки с комментариев, лайков, картинок и т.п. и если Вы через правою кнопку мышки кликните на странице сайта «Просмотр кода страницы» то сможете увидеть количество ссылок на каждой странице сайта и Вас удивит их огромное количество.
Внутренние ссылки сайта помогают нам в индексации сайта так как поисковой робот переходит по ним индексируя новые материалы, но это не значит, что чем больше таких ссылок тем лучше. Везде должен быть грамотный подход и если Вы публикуете в определенной позиции сайта вывод «Последних статей» не делайте этот список на всю страницу так как вполне достаточно будет пяти и так же нужно относится ко всему, что Вы выводите на страницах сайта. Главное правило не захламляйте сайт так как огромное количество внутренних ссылок не принесет Вам пользу в продвижении сайта, а так же увеличит скорость его загрузки так как любые модули категорий, комментариев, последних новостей и т.п. осуществляют запросы к базе данных тем самым увеличивая скорость загрузки сайта. Как отмечает google они очень внимательно относятся к скорости загрузки сайта и чем выше скорость загрузки сайта тем больше у него шансов попасть в топ.
Внешние ссылки сайта это те которые ссылаются на различные сайты.
«Внешняя ссылка может быть как входящей, так и исходящей. В первом случае она означает, что на ваш сайт ссылается внешний ресурс, во втором случае внешняя ссылка означает, что вы ссылаетесь на внешний ресурс. Когда говорят о внешних ссылках, необходимо уточнять о каких именно идет речь. Правильно использовать термин «исходящая ссылка» вместо «исходящая внешняя ссылка». В случае со входящей правильно использовать термин обратная ссылка, чтобы собеседникам было ясен предмет разговора». (SEO словарь)
Ссылка, которая ведет на сторонний ресурс, т.е. уводит читателя с вашего сайта, называется внешней ссылкой.
Необходимо учитывать, что, если вес стороннего сайта выше вашего, то масса с ресурса уйдет.
А если Вы дадите ссылку на не качественный ресурс, Ваш сайт может быть подвергнут санкциям поисковиков. Поэтому внешних ссылок на Вашем ресурсе много быть не должно.
Каково назначение внешних ссылок?
В теории, с точки зрения SEO, внешние ссылки — это способ передачи веса от одного ресурса другому. Это в свою очередь определяет положение сайта в результатах поисковой выдачи.
Поэтому специалисты советуют, по мере роста и развития Вашего сайта, ссылаться на более стоящие интернет ресурсы. Делитесь ссылками с теми, кто этого заслуживает.
Ведь для поисковой системы любая ссылка говорит о том, что она ведет на страницу с интересной информацией. Чем авторитетнее сайт, который ссылается на Ваш, тем больший авторитет он передает ссылке, а значит и Вашему сайту.
Наибольший вес имеет главная страница. А если сайт ссылается ключевым словом, по которому продвигается страница, поисковая система поставит такую страницу на более высокую позицию в поисковой выдаче.
О вреде или пользе исходящих (внешних) ссылок с сайта пишут часто и много. Тема действительно важная, однако полностью ответить на вопрос: вредно ли оставлять внешние ссылки, в каком количестве и качестве, по моему, не удалось ни одному оптимизатору.
Когда на сайт идет много входящих ссылок — это просто замечательно. Факт неоспоримый. Но должен ли сайт «отвечать» исходящими? Нужно ли «запирать» свой ресурс тегами rel=“nofollow” и «noindex» при каждом удобном случае?
Основные факторы связи количества и качества исходящих ссылок и пессимизацией сайта
Пессимизация и бан становятся очевидными, если продажные ссылки, которые, как известно, не должны закрываться вышеуказанными тегами, т. е. они должны обязательно индексироваться, станут появляться на сайте очень часто и достигнут определенной массы; когда количество исходящих станет превышать количество входящих ссылок. Хорошо, если на странице имеются внутренние ссылки, которые забирают часть «веса» у внешней ссылки, но не этот фактор является определяющим.
Выступая в качестве донора, ваш сайт, а точнее вебмастер, должен учитывать:
1. Фактор релевантности исходящих ссылок
полезность ссылки для пользователя и связь контента с темой, рассматриваемой при переходе по ссылке; сложно представить важность и необходимость внешней ссылки, если с сайта об информационных-технологиях, например, ссылка ведет на страницу сайта с тематикой по продаже недвижимости — тематичность исходящих ссылок очень важна. Необходимо помнить, что исходящая ссылка, идущая на трастовый сайт, при выполнении первого пункта, будет не только не вредна, но даже сможет поднять авторитет сайта-донора: например ссылка на Википедию.
2. Фактор балланса
Необходимо прослеживать баланс входящих и исходящих ссылок: если входящих ссылок на ваш ресурс много, то исходящие ссылки, не смогут принести ощутимого вреда. Сервисов, позволяющих узнать количество входящих-исходящих ссылок достаточно много.
3. Фактор «взаимности»
Хорошо, если сайт, на который поставлена внешняя ссылка, ответит взаимностью и вы получите с него обратную. Но здесь тоже нужно использовать принцип разумности: ПС системы легко заметят факт частого линкообмена и могут за это наказать.
4. Фактор перехода по ссылке и ее важности для читателя
Внешняя индексируемая ссылка будет играть положительную роль, если ее простановка в теле сообщения хорошо продумана вебмастером. Она должна быть связана с контентом и служить дополнительным материалом к тому, что раскрывается на определенной странице вашего сайта. Должна предполагать и обуславливать переход по ней пользователями, так именно переход по ней и служит сигналом для поисковых систем о ее релевантности. Переход по ссылке не снизит, но повысит позиции вашего сайта. При условии ее тематичности, разумеется.
5. Фактор неконтролируемости ссылок
Неконтролируемые ссылки чаще всего появляются от комментариев, когда в форме для комментирования, его автор оставляет URL своего сайта. Особенно опасен спам. Возможен фактор встроенности внешних ссылок в кодах применяемых тем и т.п.
Как правило, администраторы ресурсов закрывают подобные внешние ссылки тегами “nofollow”. Однако если их количество велико, то их трудно проконтролировать на предмет трастовости и тематичности. Внешние ссылки такого образца не играют такой роли, как индексируемые, да еще в теле статьи, но их большая масса, в которой собираются ссылки с ресурсов разной тематики, вполне возможно может сыграть отрицательную роль.
Замечал, что продвинутые оптимизаторы в форме для комментирования убирают графу для указания сайта комментатора или устанавливают альтернативную систему комментирования, позволяющую внешние ссылки переводить во внутренние.
Внимательно анализируете свой сайт на предмет ссылок на чужие сайты и убирайте их по возможности так как пользы от них не будет, а особенно внимательно к таким ссылкам нужно относится молодим сайтам так как именно в первые пол года их жизни формируется мнение о них со стороны поисковых систем. Если Вы размещаете на своем сайте ссылку или банер (сквозные) которые будут видны на каждой странице сайта то 100 раз подумайте стоит ли это того, Вам могут заплатить за размещенную сквозную ссылку или банер 1000 рублей при этом Ваш рейтинг в поисковых системах значительно упадет.
Наш совет для молодых сайтов ни когда не размещайте сквозные ссылки на сторонние ресурсы по крайней мере пока Вы не утвердитесь по мнению поисковых систем. Если Вы и ставите ссылки на сторонние сайты в своих текстах, материалах или на некоторых страницах сайта то заключайте их в теги noindex и nofollow тогда они будут существовать для посетителей Вашего сайта, но не будут иметь значения для поисковых систем.
По нашему мнению количество внешних ссылок даже уже на раскрученном сайте должно быть не более 1 на страницу, а сквозные стоит вообще убрать если конечно Вам за них не платят такую сумму, что Вы готовы рискнуть рейтингом своего сайта.
Многие люди ставят на свой сайт огромное количество счетчиков, виджетов групп и т.п. не забывайте о том, что все они по мимо скриптов бывают содержат и ссылки и если скрипты поисковые системы распознают и пропускают его, то ссылки учитываются. конечно поисковые системы распознают и понимают, что это ссылки на статистику, на социальные сети и по сути не должны их учитывать, но все же мы советуем задуматься прежде чем размещать огромное количество таких счетчиков и виджетов на своем сайте или если уж Вам они очень нужны сделайте их размещение правильным, что бы они не были во вред Вашему сайту.