• Главная
  • Автор
  • Лучший хостинг
  • Оставить Заявку
Блог на wordpress своими руками
Блог на wordpress своими руками from Sun Sunich
  • Главная
  • Автор
  • Лучший хостинг
  • Оставить Заявку
Home  /  Внешний вид блога  /  Как ярко оформить статьи на своем блоге?
Внешний вид блога

Как ярко оформить статьи на своем блоге?

Александр Алексеенко 21.12.2012 блог, картинка, контент, красочная, статья, ярко 30 комментариев 4494 Просмотр

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

Итак начинаю… С чего начать… Ах да! Красочная картинка! 🙂 Где ее взять? Да в Яндексе… набираю в поиске красочная картинка — найдено 1 млн. картинок. Реально — есть из  чего выбрать! Открываю понравившуюся картинку в полный размер, копирую, вставляю в фотошоп, делаю удобный размер для моего блога ширина картинки в 500 пикселей, сохраняю и загружаю сюда в статью.

Как сделать свой пост красочным

И что я сейчас сделал? За полторы минуты я уже украсил статью на своем блоге — одной позитивной картинкой. Как же быть с тем, что это не оригинальный контент, взятая в интернете картинка? А кто Вам сказал, что после обработки в фотошопе, смене названия файла, уменьшении размера — картинка не является оригинальным контентом? Очень даже оригинальный контент! 🙂

Конечно, с чужими фотографиями, особенно с теми, на которых изображены люди, так поступать не красиво. Лучше писать, если Вы знаете авторов фото, например, в конце статьи — в статье использованы фото Васи Пупкина и ссылку на его сайт можно дать. Глядишь и Вася, потом Вас найдет и попиарит в ответ! 🙂

как ярко оформить статью на блоге

Так… а что означает эта картинка??? Она найдена мной по запросу оригинальный контент! Пусть, конечно, не каждый догадается, что именно я имел ввиду, вставляя сюда эту картинку… Но даже со сложным объяснением чего-либо, иногда надо давать мозгу отдыхать. Хотя бы таким способом, чтобы Ваш читатель отвлекся и подумал — а эта картинка тут к чему… 🙂

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

Как украсить свою статью

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

Далее, раз уже я начал про читабельность статьи говорить… Скажу, что бывает такая длинная статья получается, как в «Войне и Мире» 4 тома… и слов из песни, как говориться — не выкинешь. Что же делать, если статья получается длиннющая… примерно как на моем тревел-боге статья — Как поехать в Таиланд самостоятельно?

Как ярко украсить свою статью?

В этой статье мы описываем свой опыт путешествий по многим аспектам, даже написали оглавление. И в один момент, я понял, что читать эту статью целиком, некоторым трудновато. Поэтому, сделал навигацию по оглавлению внутри статьи! 🙂

Как сделать меню внутри статьи

Как технически сделать меню внутри статьи??? Вот html-код самого содержания:

<strong>Краткое содержание:</strong>
<ul>
	<li><a href="#way">1. Выбор маршрута</a></li>
	<li><a href="#ticket">2. Билеты</a></li>
	<li><a href="#visa">3. Виза</a></li>
	<li><a href="#accomodation">4. Жилье</a></li>
	<li><a href="#food">5. Питание</a></li>
	<li><a href="#weather">6. Погода</a></li>
	<li><a href="#lang">7. Язык</a></li>
	<li><a href="#money">8. Деньги</a></li>
	<li><a href="#transport">9. Транспорт передвижения</a></li>
	<li><a href="#links">10. Полезные ссылки</a></li>
</ul>

А вот html-код начала каждого пункта содержания:

<strong><span id="way">1. Выбор маршрута</span></strong>

Что может заметить внимательный читатель, увидев эти два отрезка html-кода? Как же я сделал навигацию внутри самой статьи? Все очень просто! В первой части кода, я делаю ссылку на пункт Выбор маршрута, указывая адресом ссылки #way.

Во-второй части кода, где находиться сам заголовок пункта Выбор маршрута, я заключаю его в тег span и вызываю id=»way». Единственное, все эти вставки кода приходится делать в редакторе, только в режиме правки текста html. И у меня прекрасно работает внутренняя навигация по статье! Теперь, тем, кто хочет прочитать — про деньги в Таиланде, не надо листать долго всю статью, в поисках — когда тут уже про деньги напишут. 🙂 А просто кликнуть в содержании на пункт Деньги в Таиланде.

Так… про навигацию внутри статьи рассказал… 🙂 Чем бы Вас еще порадовать??? Ах ну да! Мотивация! Друзья — мотивация в любой статье очень важный элемент. Вот, пишите Вы, например о вязании крючком — покажите в статье фото своей красивой работы, расскажите, что на ее создание ушел всего месяц труда. Но это же просто шедевр!

Как ярко преподнести статью в блоге

А теперь, попробую на собственном примере… 🙂

Я вместе с любимой создал свой первый блог о наших путешествиях в июле 2011 года, до этого, я даже понятия не имел о том, что такое wordpress. Единственным плюсом было знание html и умение работать в фотошопе. Все остальные знания я приобрел за эти полтора года до сегодняшнего момента. А теперь давайте взглянем на рост посещаемости нашего тревел-блога за 1,5 года.

Как сделать яркой свои статьи

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

И при этом, не обязательно заканчивать академии по этой теме, я по образованию юрист… 🙂 И еще раз повторю: всё, чему я научился в создании сайтов и блогов — я взял из необъятных страниц интернета!!!

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

P.S. Коли сегодня — 21 декабря 2012 года конец света не случился… 🙂 А дел у меня так много, что я уже не знаю, буду ли писать еще статьи в этом году… или уже в следующем Вас порадую! 🙂 Короче говоря, пользуясь случаем Мы с нашим Президентом  поздравляем Вас от всей души с наступающим 2013 годом! Вот он кстати, появился на экране… 🙂

Карикатура Путин поздравляет блоггеров с новым годом

TimeWeb - мощный хостинг для вашего сайта

P.S. Если у вас возникли вопросы создания и монетизации блога на worpdress,
и вы хотите обратиться ко мне за помощью, то загляните на эту страничку.



С наилучшими пожеланиями, Ваш Sun Sunich — автор блога на wordpress своими руками

Вы всегда можете сказать мне ->>


Поделиться с друзьями...


Facebook
Вконтакте
Google+
Twitter



Об авторе

Александр Алексеенко

Дорогие Читатели! Представляю вам "Блог на wordpress своими руками" - как коллекцию моего личного опыта по созданию блогов. Буду рад, если мои открытия станут полезными и для Вас! =)

Похожие статьи

  • Куда подевался Sun Sunich?

    10.05.2015
  • Красивые кнопки социальных сетей своими руками

    21.07.2014
  • Плагин Page Peel — отгибающийся уголок для привлечения внимания читателей!

    03.06.2013

30 комментариев

  1. Александр Логинов Ответить
    21.12.2012 at 20:24

    Интересная тема. Спасибо.
    Внутренняя навигация в статье показалась мне излишней.
    Почему просто не разбить на несколько статей? И для поисковиков работа по индексации.
    И еще. Наполнение поста фотографиями не утяжелит его с точки зрения скорости загрузки и так далее?

    • Sun Sunich Ответить
      21.12.2012 at 20:47

      Александр, спасибо! Внутренняя навигация нужна только, если получилась большая статья, и разбивать ее не имеет смысла. Мы на своем тревел-блоге пишем для людей, а не для поисквиков! 🙂
      Про картинки, конечно, немного нагружает, но если вставлять картинки размером не более 640×480 или меньше… Они не так много весят. И современный интернет это хорошо проглатывает. А еще, я наверное отдельную статью напишу, как с помощью картинок получить дополнительный трафик с поисквиков! 🙂

  2. Александр Логинов Ответить
    22.12.2012 at 08:04

    Кстати, изменение размера картинки и переименование не делает её оригинальной.
    Поисковики её распознают.
    Есть специальные программы для проверки.
    Если это важно, то нужно картинку повернуть (вращать) на 15 градусов в любую сторону в Фотошопе.
    Это может потребовать увеличить поля через размер холста и , возможно, заливки углов, а это займет несколько больше 1,5 минут.

    • Sun Sunich Ответить
      22.12.2012 at 08:09

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

  3. Княгиня Ответить
    22.12.2012 at 11:54

    Вот по части меток для навигации: мне кажется, что span там лишний. Ведь id отлично можно прицепить к strong, и даже к p (абзацу). Я сама метки цепляю только к p (те, которые ставлю вручную — за то, что делает движок, я не в ответе).

    • Sun Sunich Ответить
      22.12.2012 at 12:52

      Спасибо Княгиня… Как обычно…. 🙂 Век живи — век учись! 🙂 Я просто подумал цеплять их к автоматически создаваемым элементам, может криво выйдет…

  4. Блогобабушка Ответить
    23.12.2012 at 09:32

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

    • Sun Sunich Ответить
      23.12.2012 at 09:55

      Людмила — картинки всегда есть, например, когда трудно подобрать картинку по смыслу, я подбираю картинку по ассоциациям… или вовсе пишу в поиске — карикатура на тему. 🙂

  5. Блогобабушка Ответить
    24.12.2012 at 16:07

    Знаете, я на свою «Свекровушку» только по ассоциациям и добавляю.

    • Sun Sunich Ответить
      24.12.2012 at 16:57

      Ну так, это и есть полет фантазии… Если еще и фотошопом пошалить! 🙂

  6. Анна Ответить
    31.12.2012 at 13:06

    Сан Саныч, у вас большой опыт в ведении блогов. Как поисковики реагируют на не оригинальный контент в виде стыренных картинок? И кстати, как можно проверить, стырил ли кто-нибудь оригинальные картинки у тебя? Вы в своем тревелблоге как проверяете плагиат? Думаю, очень актуальная тема для статьи…

    • Sun Sunich Ответить
      31.12.2012 at 14:09

      Анна, честно говоря, еще не изучал так глубоко этот вопрос, но действительно, надо взять на заметку! А в нашем тревел-блоге мы пишем только оригинальные статьи, и используем свои фото, если используем чужие, то обязательно подписываем автора. 🙂
      Но поисковики вряд ли смогут различить картинку, если Вы ее хорошо в фотошопе обработаете, я конечно не могу гарантировать, но я обычно картинки сильно придаю изменению, включая размер ширины и высоты… Грубо говоря — если отрезать половину картинки, и ее записать под новым названием, думаю… технологии в виде роботов поисковиков, еще не такие экстрасенсы… чтобы узнать в ней прежнюю картинку… 🙂

  7. Анна Ответить
    31.12.2012 at 14:43

    Да я как раз-то наоборот не в восторге, чтобы использовать чужие картинки. Хочу научиться распознавать тех, кто мой контент может себе присваивать, и не только фотографии. Если ссылку поставят — замечательно, а если нет, вот как таких искать? Думаю, что это может быть хороший способ нароста ссылочной массы, требовать ссылок от тех, кто уже скопировал твой контент. Что думаете?

    • Sun Sunich Ответить
      31.12.2012 at 15:39

      Анна, по своему опыту, с нашего тревел-блога знаете сколько взяли фотографий, я не искал их специально, но так как по сайтам подобной тематики и по поисковым запросам иногда заходил, частенько попадались мои фотографии на других сайтах. И я поставил плагин Watermark RELOADED и сделал на свои фото название нашего домена.
      А писать тем, кто взял ваши фотки и не сослался — дело мутное и неблагодарное. Да и реальных действий против них предпринять сложно. По тексту, знаю, люди пробуют бороться, по фотографии авторской может можно попробовать… А по картинкам… 🙂 Лучший способ подписать свои фото и рисунки!

  8. Анна Ответить
    31.12.2012 at 18:47

    Хорошая идея с подписями. В Вордпрессе вообще все проще для блогов. У меня, к сожалению, в Друпале сайт, так что придется, наверное, вручную водяные знаки проставлять.
    Спасибо за ответы )) С Новым годом!

    • Sun Sunich Ответить
      31.12.2012 at 18:52

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

  9. Анна Ответить
    31.12.2012 at 19:17

    Не, переезжать не вариант ) Уже столько денег потрачено на разработку блога, что больше не потяну. Да и после смены темы, когда пришлось по новой весь контент на новую тему вручную переносить, больше не хочу никаких экспериментов. До сих пор битые ссылки нахожу, после переноса.
    В принципе, Друпал мне нравится. Я уже в нем разобралась. Вот только Вордпресс как раз под блоги заточен, поэтому там все эти штуки проще. В Друпале же если тебе чего-то хочется банального, ну например, импортировать комменты из соцсетей, то надо самому модули писать, а то если ставить те, что уже написаны, то будет криво. Стоит ли мне говорить, что женщине-новичку-блоггеру программирование не под силу?

    Да, буду разбираться как автоматизировать процесс с водяными знаками на том, что есть. Если все это не в тему поста, можно удалить коммент.

    • Sun Sunich Ответить
      01.01.2013 at 05:32

      Анна, а почему Вы говорите, что импортировать комменты из соц. сетей нельзя… Вы пробовали? Ведь как раз Вконтакте и Фейсбук не ставили задачу написать код только под вордпресс. Они это сделали для всех платформ. Хотите помогу за спасибо! Просто интересно поглядеть как друпал устроен… Пришлите мне в личку доступ в админ панель — alexstudia@yandex.ru

  10. нерадивый бухгалтер Ответить
    31.12.2012 at 23:32

    Поздравляю и желаю:
    Не болеть и не стареть,
    Много шуток, тостов, смеха,
    И во всем всегда успеха!
    Вместо водки пить коньяк,
    На закусочку — судак,
    Новогодний торт потолще,
    За столом гостей побольше.

    • Sun Sunich Ответить
      01.01.2013 at 05:35

      Я тоже поздравляю Вас с новым днем… новый год, для нас не праздник… Мы живем вне времени… поэтому нам его и не надо считать! 🙂

  11. Дмитрий Ответить
    02.01.2013 at 15:09

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

  12. IpadDimon Ответить
    13.01.2013 at 23:04

    Зачем столько жирных выделений, Александр! Мало того читать невозможно, вдобавок это Вам прямой путь в бан поисковиков, сначало подумал что это не strong, глянул html код, откровенно говоря это избыток. Недавно заказывал в одной компании сео аудит хорошего сайта, так как думал, что всё нормуль, так вот strong теперь ставят для выделения не более одного на 1500 символов и при этом выделяют нужную информацию для посетителя, а не ключевые запросы. Удачи! С уважением Дмитрий

    • Sun Sunich Ответить
      14.01.2013 at 03:44

      Да, спасибо Дмитрий, я подумаю над этим вопросом, но Ваша информация может быть не актуальна… И потом, мне нравиться так делать… я таким образом акцентирую внимание… А пожелание Ваше про Бан со всех поисковиков — заберите обратно! 😉

  13. IpadDimon Ответить
    14.01.2013 at 09:03

    Если Вы считаете что Ваша посещаемость Вас устраивает, тогда вопросов у меня нет 🙂

    • Sun Sunich Ответить
      14.01.2013 at 09:12

      Это мой личный дневник, и меня пока вообще не заботит: ни сколько страниц прописано поисковиками, ни сколько людей читают его…
      Для меня это просто записи моих собственных открытий и экспериментальная площадка. На которой я могу позволить себе — что угодно! 🙂

  14. IpadDimon Ответить
    14.01.2013 at 09:14

    Всё понял, спасибо за ответ!

  15. Юрий Ответить
    23.01.2013 at 19:20

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

  16. Алиса Ответить
    06.07.2013 at 21:42

    У вас так красиво оформлен блог. Хочется читать его снова и снова. Все-таки картинки, действительно, очень важны.

    • Sun Sunich Ответить
      06.07.2013 at 22:46

      Я люблю красивые и яркие картинки, они ведь и запоминаются лучше… А блог у меня до того как тема слетела был куда красивее. Я сейчас решил так не наворачивать, сделал ее попроще! 🙂

  17. Dick Bradley Ответить
    24.09.2013 at 15:37

    Интересная статья. Спасибо. Теперь буду пользоваться внутренней навигацией в статьях 🙂

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

Отменить ответ

Подпишись на блог!

Рубрики

  • Своими руками10
  • Защита блога1
  • Эксперименты8
  • Монетизация блога9
  • Установка Wordpress1
  • Настройка Wordpress6
  • Плагины Wordpress10
  • Внешний вид блога12
  • Оптимизация блога8
  • Статистика блога1
  • Полезные программы2
  • Продвижение в соц. сетях10
  • Железо1
  • В гостях у блога1

Мой Блог Вконтакте

Мой Блог в Google+

Статистика Блога

LiveInternet: показано количество просмотров и посетителей

Рекомендую лично!

TimeWeb - один из лучших хостингов в соотношении цена - качество.


Мои статьи помогли Вам! =)
Скажите ->>
Блог на wordpress своими руками
Александр Алексеенко (Sun Sunich) © Copyright 2012-2016. Блог на Wordpess своими руками