Публикуя новую статью на блоге, мы хотим, чтобы ее увидели как можно больше людей, которым эта тема интересна. Но к сожалению, начинающие авторы блогов, не знают как увеличить привлекательность своих статей для поисковиков.
Сейчас я поделюсь с вами некоторыми фишками. Они помогут улучшить положение. В них нет ничего сверх естественного. И если вы недавно в интернет, то легко все освоите.
Начнем с заголовка.
Когда мы ищем ответ на свой вопрос в интернете, поисковые системы предлагают нам перечень тех сайтов, которые содержат слова нашего запроса. То же мне секрет, скажете вы!
Но вот незадача. Обращали ли вы когда-нибудь внимание, что при публикации статьи на Blogger, в адресе указывается название вашего блога, дата размещения и порядковый номер. Как вы думаете, легко ли будет найти вашу статью?
И тут нам на помощь приходит транслитератор. Сервис для перекодировки латинских букв в кириллицу (и обратно). Для того, чтобы ваша статья была найдена поисковиком необходимо прописать адрес нового поста латинскими буквами. Предлагаю воспользоваться бесплатным сервисом translitor.net Здесь все очень легко.
Как только вы определились с названием статьи, набираете в транслитераторе заголовок по русски на клавиатуре. Копируете строчку, которая появилась в окошке и вставляете в название статьи. Но заголовок не должен быть более 36 символов, т.к. все остальное Blogger удаляет.
Сделать это нужно до того как нажмете "Опубликовать сообщение". После изменить уже ничего нельзя, адрес будет сформирован. Как только статья опубликована, возвращаетесь в редактор и прописываете название то, какое хотите по русски.
В выигрыше остаются все и поисковые системы с читателями и вы. Вы так же можете воспользоваться и другим транслитератором.
Заходя на какой-либо блог, мы невольно обращаем внимание на картинки. Некоторые думают, что они нужны для украшения статьи. До того как я начала вести свои бизнес в интернет, я тоже так думала. Но на самом деле картинка несет более полезную функцию, чем просто украшение.
Она является мощным средством, которое делает ваш сайт, блог или конкретно статью привлекательными для поисковых систем. Что нужно сделать, чтобы картинка начала работать?
Очень часто картинка имеет название из набора цифр и букв. Прежде чем поместить ее в пост, имя нужно поменять. Оно должно быть коротким, из ключевых слов, без пробелов и написано латинскими буквами. Размер картинки тоже имеет значение, он должен быть не менее 320 пикселей по ширине и 240 по высоте. Иначе поисковая система примет ее за элемент дизайна и не включит ее в основной поиск.
Было бы очень здорово если бы ваша картинка была еще и уникальной. Определить уникальность вашей картинки поможет сервис TinEye.com
Он подскажет сколько копий у этой картинки и на каких сайтах они располагаются. Сервис не реагирует на изменение размера, цвета фона, обрезание, повороты, добавление надписей.
И в дополнение. Когда публикуете свои статьи, никогда не размещайте их сплошным текстом. Такое встречается. Очень тяжело читать и воспринимать информацию. По-чаще делите текст на абзацы, выделяйте жирным шрифтом, можно цветным. Но не перестарайтесь.
Читатели часто уходят с сайта или блога по этой причине. Очень сложно читать. Я думаю, вы встречали такие статьи.
Разнообразить текст можно и вот такими рамочками, поместив в них цитату, важную мысль.
Предлагаю несколько вариантов.
А здесь можно подрегулировать цвет и толщину бордюра рамки.
<div align="center" style="border: 1px solid #992211;">Код для
вставки рамки </div>
вставки рамки </div>
Цвет фона можете заменить на свой.
<div align="center" style="border: 1px solid #992211; border-radius: 5px; background: #F0F0F0;">Код для вставки рамки </div>
Когда будите писать текст внутри рамки, ее высота будет увеличиваться. Можно и картинку вставить.
И еще вот такой вариант.
Ваш текст
Код этой рамочки:
<style type="text/css">
.container {
position:relative;
z-index:1;
}
.drop-shadow {
position:relative;
float:left;
width:92%;
padding:1em;
margin:2em 10px 4em;
background:#fff;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.drop-shadow:before, .drop-shadow:after {
content:"";
position:absolute;
z-index:-2;
}
.drop-shadow p {
font-size:16px;
font-weight:bold;
}
.lifted {border-radius:4px;}
.lifted:before, .lifted:after {
bottom:15px;
left:10px;
width:50%;
height:20%;
max-width:300px;
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}
.lifted:after {
right:10px;
left:auto;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
}
</style>
<div class="container"><div class="drop-shadow lifted">
<p>Lifted corners</p>
</div></div>
Вам, понравилась статья?
Хотите получать интересную информацию и приглашения на эксклюзивные мероприятия?
Подпишитесь на новости блога.
Сделайте это прямо сейчас!
Спасибо за дельные советы! Я обязательно попробую применить у себя на блоге!
ОтветитьУдалитьЛеночка, добрый день! Потрясающая полезность. Разбираюсь с предложенными программами. Еще одна возможность, чтобы продвигать свой блог. Спасибо, молодчина!
ОтветитьУдалитьЛариса, а вам спасибо за ваш комментарий! Я дара, что моя статья вам стала полезной. Сейчас готовлю новые полезности. Так что заходите. Успехов!
УдалитьБольшое спасибо, Лена, за полезные подсказки, постараюсь ими воспользоваться. Буду и впредь к Вам заглядывать. Успехов!
ОтветитьУдалитьЛена, очень понравились рамочки. Беру себе))
ОтветитьУдалитьТатьяна, конечно, берите! Пользуйтесь на здоровье!
Удалить