Поисковые системы регулярно обновляют свои алгоритмы, оставляя не у дел тех, кто не успевает быть «в теме» последних изменений. — наука довольно сложная, плюс в ней нет постоянных правил, да и те, что есть, меняются очень быстро.
Одни алгоритмы со временем теряют свою актуальность, другие появляются нежданно-негаданно, переворачивая все с ног на голову. И в курсе изменений должны быть как оптимизаторы, так и владельцы коммерческих сайтов. Первые, дабы не провалить работу над проектом, вторые, чтобы быть в курсе того, насколько грамотно ведется работа с их сайтом. Чтобы процесс продвижения сайта прошел гладко, давайте рассмотри основные моменты, на которые стоит обратить внимание. Их проработка уменьшит шансы на потерю позиций, трафика, временных и денежных ресурсов.
Для начала остановимся на факторах, над которыми так или иначе придется поработать на начальном этапе оптимизации.
Технические аспекты оптимизации
Сюда относятся все аспекты внутренней оптимизации, а также технические недоработки. В их числе:
Наличие ключевого слова в </h4>
<p>Содержимое тега <title> оказывает значительное влияние на ранжирование станицы в выдаче по конкурентному запросу. По важности для внутренней оптимизации он следующий после контента. Правила написания <title> просты:</p>
<ul><li>в заголовке должен присутствовать основной запрос или группа запросов;</li>
<li>ключ должен быть в начале title или максимально близко к его началу.</li>
</ul><h4>Наличие запроса в Н1</h4>
<p>Следующий по значимости после <title> фактор ранжирования страницы в поисковой выдаче. Важно понимать, что есть заголовок страницы (title), который пользователь видит в выдаче и, ориентируясь на него, принимает решение: стоит ли переходить ли на сайт. Также есть заголовок к тексту (h1) непосредственно на странице, увидев который, пользователь понимает, что перед ним нужная информация и здесь он найдет ответ на свой вопрос.</p>
<h4>Наличие ключевого слова в <description></h4>
<p>Присутствие основного запроса в теге <description> также является сигналом релевантности страницы запросу пользователя. Он не так весо́м, как это было ранее, но все же имеет значение. Если тег <description> останется незаполненным, поисковик учтет содержимое в заголовке и контенте страницы, а при формировании сниппета – выхватить релевантную часть текста со страницы и отобразит ее в выдаче.</p>
<h4>Скорость загрузки страницы</h4>
<p>Как говорится, выживает быстрейший. Google любит быстрые сайты и награждает их более высокими позициями в выдаче.</p>
<p>Не стоит также забывать о презентованном в январе этого года алгоритме Mobile First Index (вступит в силу с июля 2018), который будет отсеивать медленные страницы сайтов в мобильной выдаче. Но далеко не факт, что этот алгоритм не затронет выдачу в десктопе. Так что время поработать над скоростью загрузки еще есть.</p>
<h4>Отсутствие дублей страниц</h4>
<p>Частичные и полные дубли страниц могут негативно отразиться на ранжировании сайта в целом. Вдобавок наличие таких бесполезных страниц лишь «размывает» вес сайта, забирая его у полезных и нужных страниц ресурса. Также наличие дублей на сайте тратит ресурсы поискового бота, выделенные вам, заставляя добавлять в индекс ненужные страницы.</p>
<p>Учтите, что к дублям страниц относятся не только «копии» главной или посадочных «полос», но и частично повторяющийся контент, размещенный на ресурсе.</p>
<h4>Множество «битых» ссылок</h4>
<p>Еще один сигнал для поискового бота снизить рейтинг веб-ресурса в выдаче – большое количество бытых ссылок. Это говорит о том, что с сайтом работают плохо, что сайт в недоработанном виде. Опять-таки, как и в случае с дублями контента, поисковый бот тратит свои ресурсы на переход по таким бесполезным ссылкам.</p>
<h4>Нелогичная структура</h4>
<p>На своем горьком опыте могу уверено заявить, что как бы круто ни выглядел сайт, но если он имеет непонятную и запутанную структуру – не видать ему ТОПа. Думаю, я не открою секрет, если скажу, что структура должна быть логичной и интуитивно понятной для пользователя. Если она неясна пользователю, впервые попавшему на ваш ресурс, она будет непонятна и поисковому роботу. Самый верный способ проверить логичность и понятность сайта – дать «потестить» его человеку «со стороны». Если через несколько минут ему не захочется нажать на красный крестик в верхнем углу, и если он с легкостью находит нужную информацию, значит, вы движетесь в верном направлении, и ваш сайт имеет все шансы не остаться за бортом из-за сложной структуры своего содержимого.</p>
<h4>Карта сайта “.xml” и robots.txt</h4>
<p>Это обязательные элементы оптимизации. Они предназначены исключительно для поискового бота. Файл robots покажет поисковому боту, какие элементы сайта не стоит добавлять в индекс, и укажет, где находится карта сайта в формате “.xml”. <u>А этот элемент
</u> в свою очередь, укажет какие страницы и в какой приоритетности нужно индексировать.</p>
<p><img src='/uploads/be802c2934d07e39fdfd2967cd307c74.jpg' height="400" width="700" loading=lazy></p>
<h3>Контентная часть</h3>
<p>Далее переходим к контентной части. И первое, на что стоит обратить – контент на странице, поскольку эту «часть» поисковик проанализирует очень строго и тщательно. Учтите, что это должен быть не просто текст, оптимизированный под запросы, а качественный, уникальный, релевантный и в полной мере отвечающий на вопрос пользователя контент.</p>
<p>В идеале это должен быть контент разбитый на смысловые блоки. Рекомендую в текст добавить списки, инфографику и разбавить его мульмедийными элементами. Такой подход сделает статью, приятной для глаз, и точно «понравится» поисковику.</p>
<p>Важно помнить, что качественный контент, который может влиять на ранжирование страницы, давно перестал быть просто seo-портянкой – сегодня это статьи, обзоры, кейсы, актуальные для пользователя. И такой контент ваша аудитория точно не оставит без внимания.</p>
<p><i>Вторая часть факторов ранжирования относится к тем факторам, над которыми придется работать постоянно.
</i></p>
<h3>Ссылки</h3>
<p>Да, да, да. Качественные обратные ссылки, как и раньше, остаются важным фактором ранжирования. Помните – не количество, а именно качество ссылок играет роль. Чем больше ссылок с авторитетных сайтов ведут на ваш ресурс, тем выше по итогу ваш рейтинг в выдаче.</p>
<h3>Поведенческие факторы</h3>
<p>Время, проведенное пользователями на сайте, источники трафика, глубина просмотра, количество посетителей покинувших ваш сайт со страницы захода (показатель отказа) – эти метрики также важны, если вы хотите ранжироваться по конкурентным запросам. Поисковики внимательно изучают опыт пользователей, полученный при взаимодействии с вашим ресурсом, прежде чем дать оценку – хорошо либо плохо.</p>
<p>Многие оптимизаторы пренебрегают этими показателями, считая их не такими важными, как, например, технические недоработки на сайте, либо неуникальный или переспамленный контент. Но поверьте, сайт, имеющий удовлетворительные поведенческие показатели не останется на задворках поисковой выдачи (конечно же, при условии соблюдения остальных правил качественного сайта).</p>
<h3><b>Вместо вывода
</b></h3>
<p>Снова-таки, не буду оригинальной, если скажу – все работает в комплексе. Невозможно вывести коммерческий сайт в ТОП, если на странице кроме фото товаров и уникального контента ничего нет. Мало шансов, что человек, решивший совершить покупку на сайте, пройдет процедуру оформления заказа до конца, если вы заставите его заполнить десяток обязательных полей.</p>
<p>Оптимизируйте сайт комплексно, ориентируйтесь, в первую очередь, на своего пользователя, и да прибудет с вами ТОП и постоянный рост посещаемости!</p><br>
<br>
</div>
<footer>
<div class="td-post-source-tags">
</div>
<meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://journalovik.ru/10_sposobov_prodvizhenija_biznesa_v_seti.html" content="https://journalovik.ru/10_sposobov_prodvizhenija_biznesa_v_seti.html" /><span style="display: none;"><span style="display: none;"><meta itemprop="url" content="/assets/logo.svg"></span>
<meta itemprop="name" content="10 способов продвижения бизнеса в Сети">
</span>
<meta itemprop="headline " content="Сбербанк Копилка онлайн"><span style="display: none;" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="/uploads/be802c2934d07e39fdfd2967cd307c74.jpg">
<meta itemprop="width" content="366"><meta itemprop="height" content="262"></span> </footer>
</article>
<style>
.ads-border {
overflow: hidden;
}
.ads-content {
width: 930px;
display: block;
}
@media(max-width: 1140px) {
.ads-content {
width: 910px;
}
}
@media(max-width: 1018px) {
.ads-content {
width: 970px;
}
}
@media (max-width: 767px) {
.ads-content {
width: 134%;
}
}
@media (max-width: 479px) {
.ads-content {
width: 100%;
height: 490px;
}
}
</style>
<div class="ads-block">
<h4 class="td-related-title"><span class="td-related-left td-cur-simple-item">СХОЖИЕ СТАТЬИ</span></h4>
<div class="ads-border">
<div class="ads-content">
</div>
</div>
</div>
<style>
#mc-container {
padding: 10px;
}
</style>
<dblock></dblock>
</div>
</div>
<div class="td-pb-span4 td-main-sidebar" role="complementary">
<div class="td-ss-main-sidebar">
<aside class="widget widget_text" id="text-23">
<div class="block-title"><span>Полезное</span></div>
<div class="rpwe-block ">
<ul class="rpwe-ul">
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="/kak_ustanovit_ceny_kotorye_pozvoljat_zarabatyvat.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="/uploads/ndsc-k44.jpg" alt="Как установить цены, которые позволят зарабатывать" loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="/kak_ustanovit_ceny_kotorye_pozvoljat_zarabatyvat.html" title="Как установить цены, которые позволят зарабатывать" rel="bookmark">Как установить цены, которые позволят зарабатывать</a>
</li>
</ul>
</div>
</aside>
<aside class="widget widget_text" id="text-24">
<div class="block-title"><span>Реклама</span></div>
<div class="rpwe-block ">
<ul class="rpwe-ul">
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="/chto_takoe_zadachi_smart_i_kak_oni_rabotajut.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="/uploads/609-Postanovka-zadach609f.jpg" alt="Что такое задачи SMART и как они работают" loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="/chto_takoe_zadachi_smart_i_kak_oni_rabotajut.html" title="Что такое задачи SMART и как они работают" rel="bookmark">Что такое задачи SMART и как они работают</a>
</li>
</ul>
</div>
</aside>
<aside class="widget widget_text" id="text-25">
<div class="textwidget">
<p style="text-align: center;">
</p>
</div>
</aside>
<aside class="widget rpwe_widget recent-posts-extended" id="rpwe_widget-4">
<div class="block-title"><span>Новое</span></div>
<dblock></dblock>
<div class="rpwe-block ">
<ul class="rpwe-ul">
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="/prikassovaja_zona.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="/uploads/e09ea612f61524d0.jpg" alt="Прикассовая зона" loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="/prikassovaja_zona.html" title="Прикассовая зона" rel="bookmark">Прикассовая зона</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="/kakim_biznesom_mozhno_zanjatsja_v_malenkom_gorode__ralnye_idei.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="/uploads/48fsyzsmalllyl.jpg" alt="Каким бизнесом можно заняться в маленьком городе - ральные идеи" loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="/kakim_biznesom_mozhno_zanjatsja_v_malenkom_gorode__ralnye_idei.html" title="Каким бизнесом можно заняться в маленьком городе - ральные идеи" rel="bookmark">Каким бизнесом можно заняться в маленьком городе - ральные идеи</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="/kak_perestat_otkladyvat_esli_dalshe_nekuda.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="/uploads/6f65c6cadbe7b83a0958fa72b00c81fd.jpg" alt="Как перестать откладывать, если дальше некуда" loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="/kak_perestat_otkladyvat_esli_dalshe_nekuda.html" title="Как перестать откладывать, если дальше некуда" rel="bookmark">Как перестать откладывать, если дальше некуда</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="/chem_zanjatsja_v_krizis_biznes_s_minimalnymi_vlozhenijami_na_selskom_khozjajjstve.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="/uploads/5e5d0f3ff54fb0a5163db972548db91c.jpg" alt="Чем заняться в кризис: бизнес с минимальными вложениями на сельском хозяйстве" loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="/chem_zanjatsja_v_krizis_biznes_s_minimalnymi_vlozhenijami_na_selskom_khozjajjstve.html" title="Чем заняться в кризис: бизнес с минимальными вложениями на сельском хозяйстве" rel="bookmark">Чем заняться в кризис: бизнес с минимальными вложениями на сельском хозяйстве</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="/chto_takoe_franshiza_v_biznese_dogovor_franshizy_uslovija_franshizy.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="/uploads/wico-x622b4.jpg" alt="Что такое франшиза в бизнесе?" loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="/chto_takoe_franshiza_v_biznese_dogovor_franshizy_uslovija_franshizy.html" title="Что такое франшиза в бизнесе?" rel="bookmark">Что такое франшиза в бизнесе?</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="/kak_ne_popast_v_spam_10_sekretov_gramotnogo_email_marketinga.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="/uploads/cbf004fa29408899ffe5738227647739.jpg" alt="Как не попасть в спам: 10 секретов грамотного e-mail маркетинга" loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="/kak_ne_popast_v_spam_10_sekretov_gramotnogo_email_marketinga.html" title="Как не попасть в спам: 10 секретов грамотного e-mail маркетинга" rel="bookmark">Как не попасть в спам: 10 секретов грамотного e-mail маркетинга</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="/marketing_na_predprijatii_kak_sredstvo_privlechenija_novykh_klientov.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="/uploads/d6c-kluchnikov4d.png" alt="Маркетинг на предприятии как средство привлечения новых клиентов" loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="/marketing_na_predprijatii_kak_sredstvo_privlechenija_novykh_klientov.html" title="Маркетинг на предприятии как средство привлечения новых клиентов" rel="bookmark">Маркетинг на предприятии как средство привлечения новых клиентов</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="/test_racionalnoe_ispolzovanie_vremeni.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="/uploads/c9a23e7612b2bcf176a4801e766121f5.jpg" alt="Тест рациональное использование времени" loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="/test_racionalnoe_ispolzovanie_vremeni.html" title="Тест рациональное использование времени" rel="bookmark">Тест рациональное использование времени</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="/samyjj_vygodnyjj_biznes_v_malenkom_gorode.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="/uploads/vico-qca818.jpg" alt="Самый выгодный бизнес в маленьком городе" loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="/samyjj_vygodnyjj_biznes_v_malenkom_gorode.html" title="Самый выгодный бизнес в маленьком городе" rel="bookmark">Самый выгодный бизнес в маленьком городе</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="/bonusnaja_programma_lojalnosti.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="/uploads/mdsc-k17e14.jpg" alt="Бонусная программа лояльности" loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="/bonusnaja_programma_lojalnosti.html" title="Бонусная программа лояльности" rel="bookmark">Бонусная программа лояльности</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="/sposoby_prodvizhenija_v_internete_vashego_biznesa.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="/uploads/e9a-office-614213_1280.jpg" alt="Способы продвижения в интернете вашего бизнеса" loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="/sposoby_prodvizhenija_v_internete_vashego_biznesa.html" title="Способы продвижения в интернете вашего бизнеса" rel="bookmark">Способы продвижения в интернете вашего бизнеса</a>
</li>
</ul>
</div>
</aside>
</div>
</div>
</div>
</div>
</div>
<div class="td-footer-wrapper td-footer-template-3">
<div class="td-container">
<div class="td-pb-row">
<div class="td-pb-span12">
</div>
</div>
<div class="td-pb-row">
<div class="td-pb-span3 logo-footer">
<div class="td-footer-info">
<div class="footer-logo-wrap"><a href="/"><img class="td-retina-data" src="/img/logo.png" data-retina="/img/logo.png" alt="Банки. Договор. Идеи. Маркетинг. Отношения. Бизнес-партнерство. Эффективность" title="Банки. Договор. Идеи. Маркетинг. Отношения. Бизнес-партнерство. Эффективность" / loading=lazy></a></div>
<div class="footer-text-wrap"></div>
<div class="footer-social-wrap td-social-style-2"></div>
</div>
<aside class="widget widget_text" id="text-16">
<div class="textwidget">
<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
<script src="//yastatic.net/share2/share.js"></script>
<span class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,twitter"></span></div>
</aside>
</div>
<div class="td-pb-span9 footer-discription">
<aside class="widget widget_text" id="text-5">
<div class="textwidget">
<p>
<font size="2" color="grey">
</font>
</p>
© Банки. Договор. Идеи. Маркетинг. Отношения. Бизнес-партнерство. Эффективность, 2024</div>
</aside>
</div>
</div>
</div>
</div>
<div class="td-sub-footer-container">
<div class="td-container">
<div class="td-pb-row">
<div class="td-pb-span12 td-sub-footer-menu">
<div class="td-sub-footer-main">
<div class="menu-foot-container"><ul id="menu-foot" class="td-subfooter-menu">
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-first td-menu-item td-normal-menu"><a href="/feedback.html">Обратная связь</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="/sitemap.xml">Карта сайта</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="">О сайте</a></li>
</ul></div> </div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery("span.ancored").replaceWith(function () {
$this = jQuery(this);
href = $this.attr("title");
text = $this.html();
return '<a href="' + href + '">' + text + '</a>';
} )
} )
</script>
<link rel='stylesheet' id='font-awesome-css' href='//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css?ver=4.4.0' type='text/css' media='all' />
<link rel='stylesheet' id='su-content-shortcodes-css' href='/assets/content-shortcodes.css' type='text/css' media='all' />
<link rel='stylesheet' id='su-box-shortcodes-css' href='/assets/box-shortcodes.css' type='text/css' media='all' />
<style type='text/css'>
/*** Shortcodes Ultimate - box elements ***/
/* Common styles
---------------------------------------------------------------*/
.su-clearfix:before,
.su-clearfix:after {
display: table;
content: " ";
}
.su-clearfix:after { clear: both; }
/* Tabs + Tab
---------------------------------------------------------------*/
.su-tabs {
margin: 0 0 1.5em 0;
padding: 3px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #eee;
}
.su-tabs-nav span {
display: inline-block;
margin-right: 3px;
padding: 10px 15px;
font-size: 13px;
min-height: 40px;
line-height: 20px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
color: #333;
cursor: pointer;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.su-tabs-nav span:hover { background: #f5f5f5; }
.su-tabs-nav span.su-tabs-current { background: #fff; cursor: default; }
.su-tabs-nav span.su-tabs-disabled {
opacity: 0.5;
filter: alpha(opacity=50);
cursor: default;
}
.su-tabs-pane {
padding: 15px;
font-size: 13px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
background: #fff;
color: #333;
}
.su-tabs-vertical:before,
.su-tabs-vertical:after {
content: " ";
display: table;
}
.su-tabs-vertical:after { clear: both; }
.su-tabs-vertical .su-tabs-nav {
float: left;
width: 30%;
}
.su-tabs-vertical .su-tabs-nav span {
display: block;
margin-right: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
}
.su-tabs-vertical .su-tabs-panes {
float: left;
width: 70%;
}
.su-tabs-vertical .su-tabs-pane {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.su-tabs-nav,
.su-tabs-nav span,
.su-tabs-panes,
.su-tabs-pane {
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}
/* Styles for screens that are less than 768px */
@media only screen and (max-width: 768px) {
.su-tabs-nav span { display: block; }
.su-tabs-vertical .su-tabs-nav {
float: none;
width: auto;
}
.su-tabs-vertical .su-tabs-panes {
float: none;
width: auto;
}
}
/* Spoiler + Accordion
---------------------------------------------------------------*/
.su-spoiler { margin-bottom: 1.5em; }
.su-spoiler .su-spoiler:last-child { margin-bottom: 0; }
.su-accordion { margin-bottom: 1.5em; }
.su-accordion .su-spoiler { margin-bottom: 0.5em; }
.su-spoiler-title {
position: relative;
cursor: pointer;
min-height: 20px;
line-height: 20px;
padding: 7px 7px 7px 34px;
font-weight: bold;
font-size: 13px;
}
.su-spoiler-icon {
position: absolute;
left: 7px;
top: 7px;
display: block;
width: 20px;
height: 20px;
line-height: 21px;
text-align: center;
font-size: 14px;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
*margin-right: .3em;
}
.su-spoiler-content {
padding: 14px;
-webkit-transition: padding-top .2s;
-moz-transition: padding-top .2s;
-o-transition: padding-top .2s;
transition: padding-top .2s;
-ie-transition: padding-top .2s;
}
.su-spoiler.su-spoiler-closed > .su-spoiler-content {
height: 0;
margin: 0;
padding: 0;
overflow: hidden;
border: none;
opacity: 0;
}
.su-spoiler-icon-plus .su-spoiler-icon:before { content: "\f068"; }
.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before { content: "\f067"; }
.su-spoiler-icon-plus-circle .su-spoiler-icon:before { content: "\f056"; }
.su-spoiler-icon-plus-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f055"; }
.su-spoiler-icon-plus-square-1 .su-spoiler-icon:before { content: "\f146"; }
.su-spoiler-icon-plus-square-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0fe"; }
.su-spoiler-icon-plus-square-2 .su-spoiler-icon:before { content: "\f117"; }
.su-spoiler-icon-plus-square-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f116"; }
.su-spoiler-icon-arrow .su-spoiler-icon:before { content: "\f063"; }
.su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon:before { content: "\f061"; }
.su-spoiler-icon-arrow-circle-1 .su-spoiler-icon:before { content: "\f0ab"; }
.su-spoiler-icon-arrow-circle-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0a9"; }
.su-spoiler-icon-arrow-circle-2 .su-spoiler-icon:before { content: "\f01a"; }
.su-spoiler-icon-arrow-circle-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f18e"; }
.su-spoiler-icon-chevron .su-spoiler-icon:before { content: "\f078"; }
.su-spoiler-icon-chevron.su-spoiler-closed .su-spoiler-icon:before { content: "\f054"; }
.su-spoiler-icon-chevron-circle .su-spoiler-icon:before { content: "\f13a"; }
.su-spoiler-icon-chevron-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f138"; }
.su-spoiler-icon-caret .su-spoiler-icon:before { content: "\f0d7"; }
.su-spoiler-icon-caret.su-spoiler-closed .su-spoiler-icon:before { content: "\f0da"; }
.su-spoiler-icon-caret-square .su-spoiler-icon:before { content: "\f150"; }
.su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon:before { content: "\f152"; }
.su-spoiler-icon-folder-1 .su-spoiler-icon:before { content: "\f07c"; }
.su-spoiler-icon-folder-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f07b"; }
.su-spoiler-icon-folder-2 .su-spoiler-icon:before { content: "\f115"; }
.su-spoiler-icon-folder-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f114"; }
.su-spoiler-style-default { }
.su-spoiler-style-default > .su-spoiler-title {
padding-left: 27px;
padding-right: 0;
}
.su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon { left: 0; }
.su-spoiler-style-default > .su-spoiler-content { padding: 1em 0 1em 27px; }
.su-spoiler-style-fancy {
border: 1px solid #ccc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #fff;
color: #333;
}
.su-spoiler-style-fancy > .su-spoiler-title {
border-bottom: 1px solid #ccc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #f0f0f0;
font-size: 0.9em;
}
.su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title { border: none; }
.su-spoiler-style-fancy > .su-spoiler-content {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.su-spoiler-style-simple {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.su-spoiler-style-simple > .su-spoiler-title {
padding: 5px 10px;
background: #f0f0f0;
color: #333;
font-size: 0.9em;
}
.su-spoiler-style-simple > .su-spoiler-title > .su-spoiler-icon { display: none; }
.su-spoiler-style-simple > .su-spoiler-content {
padding: 1em 10px;
background: #fff;
color: #333;
}
/* Quote
---------------------------------------------------------------*/
.su-quote-style-default {
position: relative;
margin-bottom: 1.5em;
padding: 0.5em 3em;
font-style: italic;
}
/*.su-quote-style-default.su-quote-has-cite { margin-bottom: 3em; } */
.su-quote-style-default:before,
.su-quote-style-default:after {
position: absolute;
display: block;
width: 20px;
height: 20px;
background-image: url('../images/quote.png');
content: '';
}
.su-quote-style-default:before {
top: 0;
left: 0;
background-position: 0 0;
}
.su-quote-style-default:after {
right: 0;
bottom: 0;
background-position: -20px 0;
}
.su-quote-style-default .su-quote-cite {
display: block;
text-align: right;
font-style: normal;
}
.su-quote-style-default .su-quote-cite:before { content: "\2014\0000a0"; }
.su-quote-style-default .su-quote-cite a { text-decoration: underline; }
/* Pullquote
---------------------------------------------------------------*/
.su-pullquote {
display: block;
width: 30%;
padding: 0.5em 1em;
}
.su-pullquote-align-left {
margin: 0.5em 1.5em 1em 0;
padding-left: 0;
float: left;
border-right: 5px solid #eee;
}
.su-pullquote-align-right {
margin: 0.5em 0 1em 1.5em;
padding-right: 0;
float: right;
border-left: 5px solid #eee;
}
/* Row + Column
---------------------------------------------------------------*/
.su-row {
clear: both;
zoom: 1;
margin-bottom: 1.5em;
}
.su-row:before,
.su-row:after {
display: table;
content: "";
}
.su-row:after { clear: both; }
.su-column {
display: block;
margin: 0 4% 0 0;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.su-column-last { margin-right: 0; }
.su-row .su-column { margin: 0 0 0 4%; }
.su-row .su-column.su-column-size-1-1 { margin-left: 0; margin-right: 0; }
.su-row .su-column:first-child { margin-left: 0; }
.su-column-centered {
margin-right: auto !important;
margin-left: auto !important;
float: none !important;
}
.su-column img,
.su-column iframe,
.su-column object,
.su-column embed { max-width: 100%; }
@media only screen {
[class*="su-column"] + [class*="su-column"]:last-child { float: right; }
}
.su-column-size-1-1 { width: 100%; }
.su-column-size-1-2 { width: 48%; }
.su-column-size-1-3 { width: 30.66%; }
.su-column-size-2-3 { width: 65.33%; }
.su-column-size-1-4 { width: 22%; }
.su-column-size-3-4 { width: 74%; }
.su-column-size-1-5 { width: 16.8%; }
.su-column-size-2-5 { width: 37.6%; }
.su-column-size-3-5 { width: 58.4%; }
.su-column-size-4-5 { width: 79.2%; }
.su-column-size-1-6 { width: 13.33%; }
.su-column-size-5-6 { width: 82.66%; }
/* Styles for screens that are less than 768px */
@media only screen and (max-width: 768px) {
.su-column {
width: 100% !important;
margin: 0 0 1.5em 0 !important;
float: none !important;
}
.su-row .su-column:last-child {
margin-bottom: 0 !important;
}
}
/* Service
---------------------------------------------------------------*/
.su-service {
position: relative;
margin: 0 0 1.5em 0;
}
.su-service-title {
display: block;
margin-bottom: 0.5em;
color: #333;
font-weight: bold;
font-size: 1.1em;
}
.su-service-title img {
position: absolute;
top: 0;
left: 0;
display: block !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.su-service-title i {
position: absolute;
top: 0;
left: 0;
display: block !important;
width: 1em;
height: 1em;
text-align: center;
line-height: 1em;
}
.su-service-content { line-height: 1.4; }
/* Box
---------------------------------------------------------------*/
.su-box {
margin: 0 0 1.5em 0;
border-width: 2px;
border-style: solid;
}
.su-box-title {
display: block;
padding: 0.5em 1em;
font-weight: bold;
font-size: 1.1em;
}
.su-box-content {
background-color: #fff;
color: #444;
padding: 1em;
}
.su-box-style-soft .su-box-title {
background-image: url('../images/styles/style-soft.png');
background-position: 0 0;
background-repeat: repeat-x;
}
.su-box-style-glass .su-box-title {
background-image: url('../images/styles/style-glass.png');
background-position: 0 50%;
background-repeat: repeat-x;
}
.su-box-style-bubbles .su-box-title {
background-image: url('../images/styles/style-bubbles.png');
background-position: 0 50%;
background-repeat: repeat-x;
}
.su-box-style-noise .su-box-title {
background-image: url('../images/styles/style-noise.png');
background-position: 0 0;
background-repeat: repeat-x;
}
/* Note
---------------------------------------------------------------*/
.su-note {
margin: 0 0 1.5em 0;
border-width: 0px;
border-style: solid;
}
.su-note-inner {
padding: 1em;
border-width: 0px;
border-style: solid;
box-shadow: 3px 3px 6px #d0d0d0;
}
/* Expand
---------------------------------------------------------------*/
.su-expand { margin: 0 0 1.5em 0; }
.su-expand-content { overflow: hidden; }
.su-expand-link {
margin-top: 0.5em;
cursor: pointer;
}
.su-expand-link:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.su-expand-link a,
.su-expand-link a:hover,
.su-expand-link a:active,
.su-expand-link a:visited,
.su-expand-link a:focus {
display: inline;
text-decoration: none;
background: transparent;
border: none;
}
.su-expand-link-style-default .su-expand-link a,
.su-expand-link-style-default .su-expand-link a:hover { text-decoration: none; }
.su-expand-link-style-underlined .su-expand-link span { text-decoration: underline; }
.su-expand-link-style-dotted .su-expand-link span { border-bottom: 1px dotted #333; }
.su-expand-link-style-dashed .su-expand-link span { border-bottom: 1px dashed #333; }
.su-expand-link-style-button .su-expand-link a {
display: inline-block;
margin-top: 0.2em;
padding: 0.2em 0.4em;
border: 2px solid #333;
}
.su-expand-link-more { display: none; }
.su-expand-link-less { display: block; }
.su-expand-collapsed .su-expand-link-more { display: block; }
.su-expand-collapsed .su-expand-link-less { display: none; }
.su-expand-link i {
display: inline-block;
margin: 0 0.3em 0 0;
vertical-align: middle;
color: inherit;
}
.su-expand-link img {
display: inline-block;
width: 1em;
height: 1em;
margin: 0 0.3em 0 0;
vertical-align: middle;
}
/* Lightbox content
---------------------------------------------------------------*/
.su-lightbox-content {
position: relative;
margin: 0 auto;
}
.mfp-content .su-lightbox-content,
#su-generator .su-lightbox-content { display: block !important; }
.su-lightbox-content-preview {
width: 100%;
min-height: 300px;
background: #444;
overflow: hidden;
}
.su-lightbox-content h1,
.su-lightbox-content h2,
.su-lightbox-content h3,
.su-lightbox-content h4,
.su-lightbox-content h5,
.su-lightbox-content h6 { color: inherit; }
/* Common margin resets for box elements
---------------------------------------------------------------*/
.su-column-inner > *:first-child,
.su-accordion > *:first-child,
.su-spoiler-content > *:first-child,
.su-service-content > *:first-child,
.su-box-content > *:first-child,
.su-note-inner > *:first-child,
.su-expand-content > *:first-child,
.su-lightbox-content > *:first-child { margin-top: 0; }
.su-column-inner > *:last-child,
.su-tabs-pane > *:last-child,
.su-accordion > *:last-child,
.su-spoiler-content > *:last-child,
.su-service-content > *:last-child,
.su-box-content > *:last-child,
.su-note-inner > *:last-child,
.su-expand-content > *:last-child,
.su-lightbox-content > *:last-child { margin-bottom: 0; }
</style>
<script>
(function(){
var html_jquery_obj = jQuery('html');
if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) {
var path = '/assets/style2.css';
jQuery.get(path, function(data) {
var str_split_separator = '#td_css_split_separator';
var arr_splits = data.split(str_split_separator);
var arr_length = arr_splits.length;
if (arr_length > 1) {
var dir_path = '/wp-content/themes/Newspaper';
var splited_css = '';
for (var i = 0; i < arr_length; i++) {
if (i > 0) {
arr_splits[i] = str_split_separator + ' ' + arr_splits[i];
}
//jQuery('head').append('<style>' + arr_splits[i] + '</style>');
var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) {
return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm,'');
} );
splited_css += "<style>" + formated_str + "</style>";
}
var td_theme_css = jQuery('link#td-theme-css');
if (td_theme_css.length) {
td_theme_css.after(splited_css);
}
}
} );
}
} )();
</script>
</body>
</html>
