Ответы на вопросы. Выпуск 11

Здравствуйте, дорогие читатели. Продолжаю отвечать на ваши вопросы.

Ответы на вопросы

Екатерина, здравствуйте. У меня вопрос такого плана: как на блоге сделать кнопки "я в фэйсбуке", "я в контакте" , "я в твитере", чтобы посетители могли нажатием этой кнопки сразу переходить в мой профиль в этих социальных сетях. Часто вижу такие кнопки на сайтах, красивые и привлекающие внимание, но ни где не встречала, как это можно сделать в блоге самой.
Сделать это очень просто.Скорее всего вы просто изначально ищите не в том направлении. Дело в том, что подобные кнопки, это всего лишь картинки, которые являются ссылкой на вашу страничку в других социальных сетях. А о том, как сделать картинку ссылкой писалось уже не раз и не два. Повторю ещё раз по шагам.

Как сделать картинку ссылкой или как сделать кнопки Подписаться на RSS, Я в Facebook, Я в Вконтакте, Я в Twitter

1. Определяемся с картинкой. Либо рисуем сами, либо находим через поисковик картинку или кнопку.2. Чтобы не делать лишний код, желательно, чтобы все картинки были единого и необходимого (небольшого) размера. Это можно сделать через любой редактор изображений на вашем компьютере.

3. Загружаем картинку на хостинг, если блог на WordPress, через админку, раздел Медиафайлы, если блог на Blogger, загружаем картинку на Picasa.

4. Далее необходимо узнать адрес загруженной картинки.

  • Для WordPress: МедиафайлыБиблиотека. Рядом с нужной картинкой будет ссылка Изменить. Переходим, внизу будет поле Ссылка на файл.
  • Для Blogger все подробности тут.

5. Адрес картинки известен. Но, чтобы картинка отображалась на странице, у нее должен быть такой код:

<img src="тут_адрес_картинки_из пункта_4" alt="Описание картинки" />
6. Чтобы картинка была ссылкой, ее необходимо вставить внутрь ссылки.
<a href="адрес_вашей_страницы_в_социальной сети" rel="nofollow" title="Описание, куда ведет ссылка"><img src="тут_адрес_картинки_из_пункта_4" alt="Описание картинки" /></a>
7. Этот код можно вставлять в любое место в блоге. Использовать гаджет HTML/JavaScript в Blogger, виждет Текст в WordPress или внедрить непосредственно в тело шаблона.
Обращаю ваше внимание: если все картинки в вашем блоге имеют рамку, то в код картинки добавьте style='border: 0pt none;'.
Все вместе это будет выглядеть так:
<a href="адрес_вашей_страницы_в_социальной сети" rel="nofollow" title="Описание, куда ведет ссылка"><img src="тут_адрес_картинки_из_пункта_4" alt="Описание картинки" style='border: 0pt none;' /></a>
Вот и вся премудрость.
Катя, скажи, пожалуйста, как правильно почистить шаблон от таких вот не нужных фишек?!Что можно удалить из этих примеров:

1.<b:skin><![CDATA[/*

----------------------------------

Blogger Template Style Name:

Bloggerized Adsense Designer:

Isnaini URL: www.isnaini.com

Date: 01 Des 2007

--------------------------------- */

/* Variable definitions    ====================

2 - /* Posts ---------------------- */

/* End Images */

/* lain -------------------- */

3 -  <!-- clear for photos floats -->  и <!-- backlinks --> и <!-- email post links --> и т.д.

Из шаблона можно удалить все, что является комментарием.Комментарии в CSS (стилях шаблона): /*Комментарий*/, может иметь такой вид /*****Комментарий*****/

Комментарии в HTML, XML: <!--Комментарии-->

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

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

И возможно ли как то изменить код для того, чтобы можно было вставить ссылку в nofollow ?!body {

font: $bodyFont;

text-align: center;

margin: 0px;

padding: 0px;

background-color: #CCCCCC;

color: $textColor;

background: $bgColor;

background-image: url(http://img.picsa.ru/pictures/0/000/061/839/61839.png); background-attachment: fixed;

background-repeat: repeat-y;

background-position: center center;

}

Иван, автор этого вопроса, уже задавал мне его в переписке по email, и ответ получил. Но, думаю, другим тоже будет интересно узнать ответ.

Данный код относится к CSS, отвечает за внешний вид выводимой в браузере информации. По сути, это служебный код, который не имеет прямого отношения к содержанию сайта.

Все адреса картинок, которые находятся в CSS НЕ являются ссылками, ни внешними, ни внутренними. Закрывать их ни от кого не нужно! Менять этот код не нужно!

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

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

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

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

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

Как вам удалось за последние несколько дней поднять посещаемость блога в 2-3 раза? В чем секрет? Последствия чего?

Как могли заметить, такое большое увеличение было временное, хотя в целом, с того момента посещаемость увеличилась. Этому есть два объяснения. Одно хорошее, другое очень печальное. Дело в том, что накануне увеличения посещаемости у Яндекса было обновление поисковой выдачи, и одна из моих статей о твитере оказалась на втором месте по хорошему среднечастотному запросу. Ранее она была на шестом месте. Конечно же, это хорошая новость.

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

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

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

С уважением, Александр.

Ярлыки отключаются на странице Дизайн – Элементы страницы – Сообщения блога – Изменить. В открывшемся окне есть пункт  Ярлыки. Снимите галочку. Сохраните.

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

Дизайн – Изменить HTML, установить "расширить шаблоны виджета". Находите и удаляете такой код:

<span class='post-comment-link'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:post.allowComments'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a> </b:if> </b:if> </b:if>

</span>

Именно в вашем шаблоне, первая строчка будет такой:
<span class="post-comment-link" style="visibility: visible;">
Привет! Вот такой вопрос.. Решил я делать блог на блоггере, опыта почти нет. Установил шаблон, отредактировал его по мере знаний, но мне мешает кнопка вверху "Главная страница", внизу эта ссылка пропала, а вверху осталась. Я так понимаю, вверху это какая-то кнопка, но не могу найти в коде. Гугл не помог.

К сожалению, я вообще никак не могу понять, какую именно "кнопку" вы хотите убрать. Я всегда прошу в подобных вопросах оставить ссылку на свой блог, об этом написано на странице формы.

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

Если это так, то: Дизайн – Элементы страницы – Гаджет Страницы. Кликаете Изменить, внизу будет кнопка – Удалить.

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

Вариантов много, жаль, вы не указали свой блог (я бы сразу дала вам ссылку на вашу картинку) или, хотя бы, браузер, которым пользуетесь – я смогла бы точно описать действия по пунктам.

Например, в браузере FireFox есть в меню Инструменты – Информация о странице – Мультимедиа.

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

Ну и последний вариант, это искать в самом шаблоне: Дизайн – Изменить HTML. Код, примерно, может выглядеть так (это из предыдущего вопроса читателя):

background-image: url(http://img.picsa.ru/pictures/0/000/061/839/61839.png);

В общем, можно попытаться в шаблоне найти через поиск (Ctrl+F), используя разные расширения картинок .png, .jpeg, .gif.

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

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

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

На последок хотела рассказать вам про Новый конкурс на 1000$! Участвуйте! Правда, прием конкурсных работ закончился 31 января. Дело в том, что конкурс был юмористическим, на тему гороскопов. Каждый участник должен был придумать веселый гороскоп на 2011 год. Так вот по ссылке выше представлен список ссылок на конкурсные работы. Очень забавно почитать, что ждет нас в 2011 году в плане seo, блоггинга, монетизации и прочего. Если уж не участие, то просто весело почитать.

Удачи всем.


Запись опубликована автором в рубрике Как создавать сайты с метками .

Ответы на вопросы. Выпуск 11: 25 комментариев

  1. vikeshka

    Спасибо за полезную информацию, как раз на днях искала код для соц.кнопок! Пригодилось)

  2. SEO-Дилетант'ка

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

    и весь его удалите.

  3. Хозяин Лягушатника

    Ага, спасибо, теперь удалил)
    Как вы думаете, поисковики нормально будут индексировать сайт без этих ссылок (в смысле сообщения, которые не на главной)?

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

    Сейчас оптимизирую под Гугл со всеми вашими рецептами.
    А то с Яндекса где-то 70% посетителей.
    Удачи вам.

  4. SEO-Дилетант'ка

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

  5. Хозяин Лягушатника

    Я удалил все ссылки ярлыков, и остальные не нужные. Поставил анимированное облако ярлыков (что-то подумалось, что это будет лучше для не индексации этих страниц, чем обычный вариант — или без разницы?). В вебмастере удалил 150 страниц!!!))) Буду ждать изменений — пока они в выдаче. Но вот такого типа страницы адрес/?showComment=1284594092377 не удаляются в вебмастере.

  6. SEO-Дилетант'ка

    Облако тегов это хорошо только для пользователей. С точки зрения индексации — бесполезная вещь.
    Страницы такого типа действительно невозможно удалить. Я удивлена, что они у вас есть, т.к. дискус таких URL не образует вообще, это проблема стандартных комментариев самого Blogger.

  7. Apriori

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

  8. Yevhen2009

    Здравствуйте. Подскажите пожалуйста как мне сделать картиyку подпиской на RSS?

  9. Дмитрий Берлин

    < как сделать так, чтоб ссылка открывалась в новом окне. > раскажите какпожалуйста

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *