Как сделать ссылку с картинки на аккаунт Google+, Twitter... | БЛОГ БАЯСА БАТУЕВА|БЛОГГИНГ,ИНФОБИЗНЕС И ЗАРАБОТОК В ИНТЕРНЕТЕ
75ab7103

12 сентября 11:07
Рубрика: Для новичков 14 комментариев

Как сделать ссылку с картинки на аккаунт Google+, Twitter...

Здравствуйте, уважаемые читатели блога er-krasnogorsk.ru. Сегодня будет небольшая заметка о том, как же все-таки сделать ссылку с картинки, размещенной в сайтбаре, на свой профиль в Google+, на аккаунт в Твиттере и в других социальных сетях.

 

Зачем это нужно? Во-первых, социальные сети индексируются поисковиками и хотя ссылки оттуда не играют определяющей роли в продвижении и не передают вес сайту, но тем не менее косвенно влияют на положение вашего ресурса в выдаче. И мне кажется, прямая ссылка с сайта на ваш профиль, скажем в Google+, позволит поисковикам проиндексировать все ваши +1 в полном объеме. Если я не прав, поправьте меня в комментариях.

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

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

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

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

Далее включите фтп-клиент FileZilla, установите связь с сервером, закиньте картинку в папку uploads и скопируйте путь до нее: /wp-content/uploads/2014/09/google-plus.png.

Теперь переходим в админку блога: «Внешний вид»- «Виджеты», берем виджет «Текст» и перетаскиваем в сайтбар. В графе «Заголовок» прописываем нужные вам слова, например, «Я в Гугл+», «Читайте меня в Твиттере» и т.д. Или как у меня «Добавьте меня в свои круги» ( кстати, добавляйтесь, друзья, будем вместе пробиваться к вершинам успеха ).

И внизу, в специальном окошечке ставим ссылку на свой аккаунт и указываем путь до картинки.

Ссылку на Гугл+ я оставил открытой, на другие соцсети вы можете закрыть тегом rel="nofollow". В этом случае запись будет выглядеть так:

<a href="https://www.google.com/+Баяс Батуев" target="_blank" rel="nofollow"><img src="http://er-krasnogorsk.ru/wp-content/uploads/2014/09/google-plus.png"></a>

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

С уважением Баяс Батуев

Хочешь получать статьи этого блога на почту?
14 комментариев
  • Сергей

    Без сомнений, привязка к профилю Гугл даёт положительный эффект. Жаль, что Гугл отменил в сниппетах авторство и картинку профиля. Это выглядело очень привлекательно на страницах выдачи.

    2014-09-13
  • Азик

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

    2014-09-13
  • Андрей Назыров

    А мое фото так и не попало в сниппет гугла. Немного раньше надо было блог заводить )))

    2014-09-14
  • Баяс Батуев

    Если б немного раньше, не было бы видеокурса А.Борисова, по которому мы оба создали свои блоги.

    2014-09-14
  • Галина Нагорная

    Полезная и интересная информация, Баяс! И картинка прикольно смотрится в сайд-баре... Мне самой захотелось что-то подобное соорудить.

    2014-09-16
  • Виталий

    Всё, ставлю и я своё фото-картинку в сайдбар блога! Благодарю Вас, Баяс! :) А в сниппете, да, тоже запоздал оформить картинку профиля, хотя и собирался, ещё с прошлого года. Как говорится. куй железо, пока горячо!

    2014-10-02
  • Александр

    Баяс, привет! Урок конечно полезный, но зачем же так мудрено! Все делается намного проще! Заходите в админку своего блога на WP, открываете новую запись и вставляете нужную Вам картинку! Делаете ссылку с картинки на google+, заходите в html код записи и копируете его! Затем делаете, то что Вы написали! Т.е. вставляете в сайтбар виджет "текст" и уже в него скопированный html код и смотрите как смотрится ваш виджет на сайте! Нужно поправить, правьте в черновой записи и снова копируете код...и т.д. Как Вы думаете как проще?

    2014-10-02
  • Баяс Батуев

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

    2014-10-03
  • Александр

    Баяс! Привет! Спасибо что не обиделись на мой комментарий! Давайте дружить, если Вы конечно не против! Как долго вы работаете веб-мастером!

    2014-10-03
  • Баяс Батуев

    Александр, конечно я не обиделся: ваш комментарий как дополнение к моему материалу ( это даже приветствуется ), также я лояльно отношусь к критике, но только если она конструктивная.

    2014-10-03
  • Василий

    Я не могу, не знаю как, открыть код на моем блоге в гууглу. может кто подскажет, как это сделать. Туда нужно вставить рекламный код.

    2015-01-27
  • Баяс Батуев

    Вы хотите разместить рекламный код в тексте или баннер в сайдбаре?

    2015-01-28
  • Александр

    Баяс, привет! Давно не заходил к Вам на сайт! Увидел новый комментарий и решил посмотреть какие новости! Хотел ы поделиться с Вами очень ценной информацией! Мой партнер Владимир Беляев подсказал мне как можно установить на сайт красивые иконки социальных сетей с помощью очень интересного и полезного плагина! Если интересуетесь, напишите в ответе на мой коммент! Спасибо!

    2015-01-28
  • Баяс Батуев

    Спасибо, Александр, за предложение, но я в скором времени собираюсь менять дизайн, поэтому сами понимаете...

    2015-01-28

Добавить комментарий