Советы

1. Не торопиться при создании сайта. Новый сайт начинающего веб-мастера, в течении первого года находится в так называемой песочнице (подразумевается детской).

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

2. Если сайт управляется CMS WordPress, не тратьте время на поиски темы оформления, полностью отвечающей Вашим требованиям. Всё равно хоть что-то да не устроит.

Лучше для начала использовать тему из категории «Минимализм», лучше резиновую или адаптированную, и осваивая HTML и CSS, помаленьку строить её под себя.

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

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

4. Не бойтесь редактировать тему оформления. Её всегда можно удалить и установить по новой. Перед очередным творческим поиском, скопируйте код файла style.css, и сохраните в блокноте.

5. Выбирайте хостинг с круглосуточной и моментальной тех. поддержкой. на начальном этапе — это самое главное.

На данный момент я знаю только один такой, с доступными ценами — это хостинг Бегет.

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

Затем не стесняйтесь делиться с ними своими постами. Из сотни, несколько человек могут оказаться вашими единомышленниками, а значит посетителями Вашего сайта.

7. Регистрируйтесь на всех форумах по вашей теме, и создайте сразу отдельный документ на вашем компьютере, в который заносите название форума, логин и пароль.

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

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

9. Всякий раз, после внесения изменений в код шаблона, после добавления плагинов, рекламных блоков, а так же при использовании кода в тексте, проверяйте страницу в валидаторе Markup Validation Service.

Ошибки в коде автоматом отправляют страницу или весь ресурс под фильтр поисковой системы.

10. Обязательно познакомьтесь с HTML и CSS. На начальном этапе, глубокое изучение совсем не обязательно, но знать, что это такое, и для чего, то есть знать основы, просто необходимо.

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

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

12. Работая в редакторе CMS (написание статей), старайтесь в процессе не переключаться с визуального на режима, на режим текст, и наоборот.

13.При замене картинок в контенте, обязательно удаляйте заменяемую картинку из библиотеки медиафайлов, а не только со страницы.

Зачастую, чтобы получить результат, приходится очищать кеш браузера.

14. Используйте атрибут style только для доводки элементов контента, затем задавайте им class, и переносите все стили в файл style.css

15. Не выделяйте ключевые слова тегами <em> и <strong>, так как для поисковых систем они более на актуальны.

16. Обязательно используйте сервис PageSpeed Insights, анализирующий, и дающий подробнейшие рекомендации по сокращению времени загрузки страниц.

Скорость загрузки — один из важнейших факторов, влияющих на продвижение сайта.

17. Обязательно установите на сайт код Яндекс. Метрика, или Google Analytics, можно и тот и другой, и следите за данными, которые предоставляют эти сервисы.

Со временем Вы научитесь использовать их для улучшения сайта.

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

Если нет, то по возможности, статью нужно дополнить.

19.Не жалейте изображений для контента. Это как раз тот случай, когда кашу маслом не испортишь.

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

21. Если Ваша картинка представляет из себя какой либо художественный интерес, обязательно дайте ей название, и впишите его в атрибут alt, находящийся в коде изображения.

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

22. Следите за приходящими обновлениями, установленных у вас плагинов, и по возможности, своевременно их обновляйте. В основном, обновления делаются в области безопасности плагина.

23. Если Вы пытаетесь решить возникшую проблему, путём обращения на форумы, то не ограничивайтесь обращением на один форум.

Сразу закидывайте вопрос на 5 — 7 ресурсов.

24. Если Ваша цель — заработок в интернете, то обязательно прочтите статью Про заработок в интернете.

Желаю творческих успехов.

39 комментариев на «Советы»

  1. stariс говорит:

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

  2. stream говорит:

    Здравствуйте)
    ..А зачем при регистрации где-либо на форуме при указании даты рождения предпочтительнее укащывать воскресный день?)

  3. stariс говорит:

    Переделать можно всё, что угодно. Работа не простая, но очень интересная, и вполне посильная для тех кто знаком с основами css. Придётся задавать новое позиционирование и размеры элементам, для удобного для пользователей просмотра на маленьком экране. Вот тут я уже рассказал об этом и о технике исполнения. Почитайте внимательно и всё поймёте. Так что смелее в файл style.css. Чему-то задаёте резиновость т е размер в процентах, а для чего-то создаёте новый раздел в файле, и пишете в нём новые свойства через @media. Уменьшайте экран, и как только какой элемент посыпется, пишите ему новые свойства на этот размер экрана. Так-то не сложно, просто много времени занимает доводка дизайна под каждый размер.

  4. Светлана Василек говорит:

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

  5. stariс говорит:

    Спасибо.

  6. Уведомление: ссылка

  7. stariс говорит:

    Судя по скрину, вы вставили картинку, место её определилось, но самой картинки не видно. Если бы была ошибка в адресе картинки, то тег img всё равно отобразился бы в виде квадратика. Так что посмотрите свойство margin. Скорее всего картинке задан какой-то не корректный отступ, и она уплыла за пределы видимости. Или вверх под шапку, или в бок за пределы экрана. Место её при этом не занимается другими тегами.

  8. Сергей говорит:

    Помогите!У меня вот такая проблема…как исправить? Я пока тренируюсь,но пока исправить не могу….

  9. starik говорит:

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

  10. Юрий говорит:

    С наступившим Новым Годом! С Рождеством!

  11. starik говорит:

    На днях будет, в разделе css.

  12. Юрий говорит:

    Буду с нетерпением ждать данной статьи. А то ведь методом «тыка» пробовал создать градиент. Пока только разобрался с from( #…) to (#….) .Спасибо!

  13. starik говорит:

    Да, градиент очень интересная вещь. Давно думаю статью про это написать.

  14. Юрий говорит:

    Спасибо за ответ! Но поэкспериментировал, градиент интересная вещь для создания фона элемента.

  15. starik говорит:

    Привет. Цвет меню меняется в первой строчке кода который Вы мне написали. Всё остальное, до строки clear: both; — это для старых браузеров (переведите комментарий в первой строке). Можно эту часть вообще удалить. А то, что цвет меню у Вас не изменяется, при изменении значения в background:#c6c6c6; то эту заморочку, как Вы говорите, создаёт Ваш браузер. Почистите у него кеш, и всё станет нормально.

  16. Юрий говорит:

    Вечер добрый ! Ковырял тему Twenty eleven . Пытался поменять цвет меню.( даже не ожидал ,что «заморочка»)

    #access {
    background: #c6c6c6; /* Show a solid color for older browsers */
    background: -moz-linear-gradient(#252525, #0a0a0a);
    background: -o-linear-gradient(#252525, #0a0a0a);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#453010), to(#929293)); /* older webkit syntax */
    background: -webkit-linear-gradient(#252525, #c6c6c6);)
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    clear: both;
    display: block;
    float: left;
    margin: 0 auto 6px;
    width: 100%;
    }

    Оказалось , что цвет меняется только в строках
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#453010), to(#929293)); /* older webkit syntax */
    background: -webkit-linear-gradient(#252525, #c6c6c6);). Т.е. срабатывает строки градиентов. ( методом тыком определил).
    при этом в строке background: -webkit-linear-gradient(#252525, #c6c6c6);).( убрать скобку меняется вариант возможной регулировки цветовой гаммы. ) Подскажите как менять цвет меню ?

  17. Юрий говорит:

    Вечер добрый! Просто я не могу найти, где в каком файле смонтировано и не могу внести изменения. Ведь веб- инспектор показывает, как обычно CSS а тут показывает селектор, находящейся в каком то «index». Спасибо Вам, удачи в Ваших строительных делах (нелегких).

  18. starik говорит:

    Да, это интересно. Не встречал пока index в скобках. Я бы попробовал менять цифру 42, то есть значение, и смотреть — что это даст.

  19. starik говорит:

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

  20. Юрий говорит:

    Доброй ночи ! Тема twenty eleven как сделать фон для сайдбара. Я пытался сделать ,но получается фон для виджетов , а не фон сайдбара!
    Спасибо!

  21. Юрий говорит:

    Спасибо! Сейчас пишу с телефона. Я так понимаю, что в сайдбаре, но именно сайдбара, рамку можно сделать методом описанным у Вас. Завтра сброшу, то что нашел. Но вот как виджет обрамлять….

  22. starik говорит:

    Добрый вечер. У меня нет виджета «слайдер». Наверное это виджет какого-то плагина у Вас. А их я пока редактировать не могу. Учу php усиленно. Скоро и в плагинах рамки сможем делать.

  23. Юрий говорит:

    День добрый ! Подскажите пожалуйста , как «виджет слайдер» в сайдбаре возможно взять в рамку? Куда «лезть». Заранее спасибо !

  24. starik говорит:

    А это как раз от Вас и узнаем. Грипп пока не отпускает. Больше того и семейство помаленьку заболевает. Такие дела.

  25. Юрий говорит:

    Вечер добрый ! Как идет процесс выздоровления ? С вопросом всплывающей формы удалось ,с трудом найти ответ. У меня установлен плагин FancyBox for WordPress , а с плагином Easy FancyBox контактная форма всплывает великолепно! ( пишу а вдруг кому- то потребуется). А ничего , что стоит и тот FancyBox for WordPress и Easy FancyBox. Никаких конфликтов не произойдет?

  26. starik говорит:

    Я что-то загриповал. Голова не соображает. А сайт интересный. Кинул в закладки. А Ваш вопрос лучше к нему отнести. Я пока не в обойме.

  27. Юрий говорит:

    Доброй ночи. wp-admin.com.ua/vsplyivayushhaya-kontaktnaya-forma-wordpress/ . Заинтересовала эта статья
    Всплывающее окно контакт.формы
    Но при повторном нажатии всплывает не форма, а страница. Может подскажите.Спасибо за подержку.!
    .

  28. starik говорит:

    Так и так нужно основы пройти, если охота экспериментировать в веб. Это же азбука, как же без неё?

  29. starik говорит:

    Что за единица rem я ещё не знаю. Нужно погуглить, время будет.

  30. Юрий говорит:

    Читая вашу статью — понятно. А когда начинаю лазить в других селекторах- хаос

  31. Юрий говорит:

    main-navigation li {
    padding: 10px;
    margin: 0 40px 0 0;
    margin: 0 2.857142857rem 0 0;
    position: relative;
    } Здесь я вставил padding.Но есть margin и слева 40 пикселей.Вот это не понятно и зачем две позиции margin

  32. starik говорит:

    Так прочтите основы html и css и не будете как слепой котёнок.

  33. Юрий говорит:

    День добрый! «padding» ПОМОГ ! Правда тыкался по селекторам, Как «слепой котенок».Большое СПАСИБО! Уж извините, что надоедал вчера. Но без Вашей помощи не смог бы никак !!!

  34. starik говорит:

    Ну я же говорил, там есть свойство margin в =Media queries, в нём 4 значения: отступ сверху, затем слева, снизу, и справа. Если там margin-top, то можно добавить margin-left, margin-right, margin-bottom. Двигайте куда хотите. Можно ввести свойство padding — внутренние отступы. Тоже двигают. Всё это есть у меня на сайте. В разделе основы css.

  35. Юрий говорит:

    Посмотрел ,как Вы говорили- выделяемая область под текст в меню, зависит от размера названия. Т.Е. как то отодвинуть «главная» от левого края меню.Похоже поменяю размер , прижатость останется

  36. starik говорит:

    Конечно опытным путём. Как и всё в оформлении темы.

  37. starik говорит:

    Текст центруется свойством text-align:center; А в веб инспекторе все элементы страницы в левом поле, а все применёные к элементу стили — в правом

  38. Юрий говорит:

    Нет посмотрел ,не центрировать , а менять размер . Если удалить «0.857142857rem;»как Вы писали. Как прописать размер что15, 20 или30 -подбирать опытным путем?

  39. Юрий говорит:

    Еще раз громадное СПАСИБО !!!!!!! В принципе получилось !!! А где смотреть веб-инспектора. Надо еще немого текст в меню отцентрировать, смещен влево-смотрется не очень. Где посмотреть?

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

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