はほとんどの Web サイトの中核コンテンツであり、SEO の最適化はこのマークアップ言語と密接に関連しています。多くの SEO スペシャリストは CSS の基本的な知識を持っており、Web サイトを開発および保守する際に重要なスキルになります。この記事では、SEO 最適化において重要な役割を果たす主なタグについて説明します。
CSSとは何か、そして
HyperText Markup Language は、ブラウザで Web ページを作成および表示するために使用される標準化されたマークアップ言語です。ブラウザはドキュメントを受け取ると、それを解釈して画面上に表示されるビジュアル インターフェイスを作成します。要素は Web ページの構成要素です。
CSS (Cascading Style Sheets) は、要素のサイズ、色、背景、位置、およびホバーやクリックなどのユーザー操作中の動作など、Web ページの外観を制御するマークアップ言語です。
主なタグ
主な要素は <> タグです。
そして 、さまざまな機能を実行します。
タグ V
タグの内側
SEOにおいて重要な役割を果たす要素があります。その中で最も重要なものを見てみましょう。
</h3><p>1. <title> は、ブラウザのタブに表示されるページのタイトルを指定するタグで、検索結果のスニペットの重要な部分です。これは、ユーザーがページの内容を理解するのに役立ち、検索エンジンでのリンクの魅力にも影響します。このタグを最適化することは、サイトの可視性を向上させるために重要です。</p><p>検索エンジンはタグの内容も考慮します <title> ページをランキングするとき。各ページに固有のタイトルを使用すると、インデックス作成と検索結果の可視性が向上します。</p><h3><meta> メタタグ</h3><p>2.タグ付け <meta>。 <meta name="description" content="..."> ページの簡単な説明を示すために使用されます。このタグに配置された説明は、多くの場合、検索エンジンにスニペットとして表示されます。</p><p>検索エンジンは、ユーザーのクエリによりよく一致する場合、メタディスクリプションの代わりにページのテキストのスニペットを使用する場合があることに注意することが重要です。</p><h3><link></h3><p>3.タグ付け <link> スタイルやフォントなどの外部リソースを接続するために使用されます。具体的には、CSS ファイルを含めるために使用されます。</p><p>外部スタイル ファイルを接続する例: <link rel="stylesheet" href="/path/to/styles.css"></p><h3>rel=canonical タグ属性 <link></h3><p>4. タグ内の rel=canonical 属性 <link> 同じコンテンツを持つ 2 つのページを 1 つとして扱うように検索エンジンに指示します。これにより、サイト上の重複コンテンツの問題を回避し、SEO を向上させることができます。</p><p>正規リンクを使用するためのルール:</p><ul><li>正規ページはアクセス可能であり、応答コード 200 を持つ必要があります。</li><li>リンクは別のドメインのページを指してはなりません。</li><li>正規リンクは 1 ページにつき 1 つだけです。</li><li>正規リンクのチェーンは許可されません。</li></ul><h2>タグ <BODY></h2><p>タグ <body> ユーザーに表示されるページの表示部分が含まれます。内部 <body> さまざまな要素が考えられます。</p><ul><li><strong>タグ h1…h6:</strong> ページのコンテンツを構成する見出し。検索エンジンは明確な構造を持つページを好むため、見出しを正しく使用することが重要です。見出し <h1> これが唯一のものであり、ページの上部に配置されている必要があります。 <h2> およびその他の小見出し。</li><li><strong>タグ <p>:</strong> テキストを区切る段落。</li><li><strong><strong>タグ <strong>:</strong></strong> テキストを太字にします。</li><li><strong><em>タグ <em>:</strong> 斜体のテキストを強調表示します。</li><li><strong>リスト:</strong> 箇条書きリストの場合は次を使用します <ul> そして <li>、番号付きの場合 <ol> そして <li>。</li><li><strong>画像:</strong> タグは画像を追加するために使用されます <img> src (ソース) 属性と alt (説明) 属性を使用します。</li><li><strong>リンク:</strong> リンクの追加はタグを通じて行われます <a href="URL">。</li><li><strong>ディーバ:</strong> タグ <div> CSS を使用してスタイルを設定できるコンテナを作成するために使用されます。</li></ul><p>ウェブサイトのより詳細な分析と専門的な最適化については、SEO スタジオにお問い合わせください。 SEO に関するご質問がいつでもお受けいたします。</p><p>お問い合わせは次のとおりです。 <a href="mailto:info@seo.computer">info@seo.computer</a></p><p>ID1699</p>
</div>
</div>
</div>
</section>
<section id="consultation" class="py-5">
<div class="container">
<div class="form-bg-gradient bor-r-20 my-3 p-4 p-md-5">
<div class="head-title-white text-center">リクエストを送信してください、ご相談に応じます の上 せお あなたのウェブサイトの宣伝</div>
<form class="form row my-3 justify-content-center gy-2 needs-validation" id="form-consultation" action="https://seo.computer/form" method="post" novalidate="">
<input type="hidden" name="form_name" value="Отправьте заявку и мы бесплатно Блог">
<input type="hidden" name="_token" value="QjQi3Ic6o81ozSu7cAin8SBfxZrhyxbkvNAJOajV" autocomplete="off"> <div class="col-12 col-xl-3">
<input type="text" name="name" class="form-control form-padding rounded-5" placeholder="あなたの名前" required="">
</div>
<div class="col-12 col-xl-3">
<input type="tel" name="phone" class="form-control form-padding rounded-5" placeholder="電話番号" required="" maxlength="18">
</div>
<div class="col-12 col-xl-3">
<button type="submit" class="btn btn-send btn-light form-padding rounded-5 w-100">送信</button>
</div>
<div class="col-12 col-md-12">
<div class="text-center">
<a class="text-decoration-none text-white fs-14" href="https://seo.computer/policy">申し込みを送信すると、プライバシーポリシーに同意したものとみなされます</a>
</div>
</div>
</form>
</div>
</div>
</section>
<footer class="footer-bg">
<style>
.bottom-contact-bar {
display:none;
}
@media(max-width:992px) {
.bottom-contact-bar {
display:block;
position:fixed;
bottom:0;
left:0;
right:0;
z-index: 9999;
}
.footer-bg {
padding-bottom: 16px;
}
.b24-widget-button-position-bottom-right, .social {
margin-bottom: 24px;
}
}
</style>
<div class="navbar navbar-dark bg-dark py-1 bottom-contact-bar">
<div class="container justify-content-center">
<div class="nav-link mb-0 p-0 text-white d-flex align-items-center justify-content-center flex-wrap gap-2" style="font-size:0.85rem;text-align:center">
<a style="text-decoration:none; color:inherit; white-space:nowrap" href="mailto:info@seo.computer"><i class="fas fa-envelope me-1" style="font-size:0.75rem"></i>info@seo.computer</a>
</div>
</div>
</div>
<style>.norender{display:none;visibility:hidden;}</style>
<div class="container">
<div class="row row-cols-4 col-md-12 text-light pt-3 pt-md-5 g-3">
<div class="col-12 col-xl-3 col-md-6 vcard" itemscope itemtype="http://schema.org/LocalBusiness">
<a class="url" href="https://seo.computer/jp">
<img src="https://seo.computer/assets/svg/seo_logo.svg" alt="SEO Computer SEOは で ムオスケヴア" title="SEO Computer SEOは で ムオスケヴア" class="rounded-5" width="200" height="40" />
</a>
<ul class="nav flex-column">
<li class="fn org" itemprop="name">せお クオムプウテエリ</li>
<li class="category">インターネットマーケティング</li>
<li>営業時間: <span class="workhours" itemprop="openingHours" datetime="Mo-Su">24時間いつでも</span></li>
<li class="norender">
<span itemprop="priceRange" class="pricerange">から 31287 JPY</span>
<img loading="lazy" aria-hidden="true" width="2048" height="2048" itemprop="image" style="width:unset;height:unset;" class="absolute-bg-from-top__image photo" src="https://seo.computer/uploads/seo-article-1x1/seo-article-1699.webp">
</li>
<li class="nav-item mb-2 color-bfbfbf adr">
<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"><span class="locality" itemprop="addressLocality">ムオスケヴア</span></span>
</li>
<li class="nav-item mb-2 email"><a href="mailto:info@seo.computer" style="text-decoration:none;" class="color-bfbfbf" title="Email"><span itemprop="email">info@seo.computer</span></a></li>
</ul>
</div>
<div class="col-12 col-xl-3 col-md-6">
<div class="fw-500 fs-20 mb-2">メニュー</div>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="https://seo.computer/jp?city=moscow#tarifs" class="nav-link p-0 color-bfbfbf" title="SEO 関税">SEO 関税</a></li>
<li class="nav-item mb-2"><a href="https://seo.computer/jp?city=moscow#reviews" class="nav-link p-0 color-bfbfbf" title="SEO レビュー">SEO レビュー</a></li>
<li class="nav-item mb-2"><a href="https://seo.computer/jp?city=moscow#quiz" class="nav-link p-0 color-bfbfbf" title="SEO 電卓">SEO 電卓</a></li>
<li class="nav-item mb-2"><a href="https://seo.computer/jp?city=moscow#sales" class="nav-link p-0 color-bfbfbf" title="SEO プロモーション">SEO プロモーション</a></li>
<li class="nav-item mb-2"><a href="https://seo.computer/jp/contact" class="nav-link p-0 color-bfbfbf" title="連絡先">SEO 連絡先</a></li>
</ul>
</div>
<div class="col-12 col-xl-3 col-md-6">
<div class="fw-500 fs-20 mb-2">サービス</div>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="https://seo.computer/jp/business" class="nav-link p-0 color-bfbfbf" title="ビジネス">SEO ビジネス向け</a></li>
<li class="nav-item mb-2"><a href="https://seo.computer/jp/type-sites" class="nav-link p-0 color-bfbfbf" title="サイトの種類">SEO サイトの種類について</a></li>
<li class="nav-item mb-2"><a href="https://seo.computer/jp/cms" class="nav-link p-0 color-bfbfbf" title="せえめすシステム">SEO のために せえめす システム</a></li>
<li class="nav-item mb-2"><a href="https://seo.computer/jp/languages" class="nav-link p-0 color-bfbfbf" title="言語">SEO 言語用</a></li>
<li class="nav-item mb-2"><a href="https://seo.computer/jp/engines" class="nav-link p-0 color-bfbfbf" title="サーチエンジン">SEO 検索エンジン用</a></li>
</ul>
</div>
<div class="col-12 col-xl-3 col-md-6">
<div class="fw-500 fs-20 mb-2">ソーシャルネットワーク</div>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="https://wa.me/79202044461" class="nav-link p-0 color-bfbfbf" title="ワハアテスアププ"><i class="fab fa-whatsapp me-1"></i>ワハアテスアププ</a></li>
<li class="nav-item mb-2"><a href="https://t.me/t9202044461/" class="nav-link p-0 color-bfbfbf" title="テエルエグリアム"><i class="fab fa-telegram-plane me-1"></i>テエルエグリアム</a></li>
<li class="nav-item mb-2"><a href="mailto:info@seo.computer" class="nav-link p-0 color-bfbfbf" title="エムアイル"><i class="fas fa-envelope me-1"></i>エムアイル</a></li>
</ul>
</div>
</div>
<div class="justify-content-between pt-2 pb-4 mt-2 border-top col-md-12 text-light">
<p>このサイトは情報提供のみを目的としており、公募ではありません。提供されるサービスとその費用に関する正確な情報を入手するには、会社のマネージャーにお問い合わせください。</p>
<a class="text-decoration-none color-bfbfbf" href="https://seo.computer/jp/policy">プライバシーポリシー</a>
<div class="mt-2">
<!--LiveInternet counter--><a href="https://www.liveinternet.ru/click" target="_blank"><img id="licntD152" width="31" height="31" style="border:0" title="LiveInternet" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7" alt="LiveInternet"/></a><script defer async>setTimeout(function(){(function(d,s){d.getElementById("licntD152").src="https://counter.yadro.ru/hit?t44.6;r"+escape(d.referrer)+((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+(s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+";h"+escape(d.title.substring(0,150))+";"+Math.random()})(document,screen)},4000);</script><!--/LiveInternet-->
</div>
</div>
</div>
</footer>
<div class="modal fade" id="exampleModalToggle" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<div class="modal-title fw-500 fs-20" id="exampleModalToggleLabel">リクエストを残す</div>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<img loading="lazy" src="https://seo.computer/assets/svg/mobile_marketing.svg" class="my-3 mx-auto" width="300" height="260" alt="リクエストを残す SEOは で ムオスケヴア" title="リクエストを残す SEOは で ムオスケヴア">
<form class="form needs-validation" action="https://seo.computer/form" id="form-popup" method="post" novalidate>
<input type="hidden" name="form_name" value="Цены - форма (гл. стр.)">
<input type="hidden" name="_token" value="QjQi3Ic6o81ozSu7cAin8SBfxZrhyxbkvNAJOajV" autocomplete="off"> <div class="modal-body">
<label class="fs-5 text-center fw-bold">リクエストを残してください。 せお スペシャリストがすぐにご連絡します</label>
<div class="row">
<div class="col-12">
<input type="text" name="name" class="form-control form-padding my-2" placeholder="あなたの名前" required>
</div>
<div class="col-12">
<input type="tel" name="phone" class="form-control form-padding my-2" placeholder="電話番号" required>
</div>
</div>
</div>
<div class="modal-footer justify-content-center">
<button class="btn rounded-5 btn-primary w-100 form-padding" type="submit">送信</button>
<a href="policy.html" class="text-decoration-none text-dark text-center fs-14">データを送信すると、プライバシー ポリシーに同意したことになります。</a>
</div>
</form>
</div>
</div>
</div>
<div class="modal fade" id="ModalLanguage" tabindex="-1" aria-labelledby="ModalLanguage" aria-hidden="true">
<div class="modal-dialog modal-sm modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<div class="modal-title fs-22 fw-500" id="exampleModalLabel">言語を選択</div>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form class="modal-body" id="languageForm" method="post">
<input type="hidden" name="_token" value="QjQi3Ic6o81ozSu7cAin8SBfxZrhyxbkvNAJOajV" autocomplete="off"> <select class="form-select mb-2" aria-label="言語を選択" name="language" id="language">
<option selected>言語を選択</option>
<option value="cn" >中国語（簡体字） (cn)</option>
<option value="en" >英語 (en)</option>
<option value="it" >イタリアの (it)</option>
<option value="nl" >オランダの (nl)</option>
<option value="pl" >研磨 (pl)</option>
<option value="de" >ドイツ人 (de)</option>
<option value="tr" >トルコ語 (tr)</option>
<option value="fr" >フランス語 (fr)</option>
<option value="jp" selected >日本語 (jp)</option>
<option value="id" >インドネシア語 (id)</option>
<option value="pt" >ポルトガル語 (pt)</option>
<option value="ru" >ロシア (ru)</option>
<option value="es" >スペイン語 (es)</option>
</select>
<button type="submit" class="btn btn-primary w-100">変化</button>
</form>
</div>
</div>
</div>
<div class="modal fade" id="SuccessModal" tabindex="-1" aria-labelledby="SuccessModal" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<div class="modal-title fs-22 fw-500" id="SuccessModalLabel"></div>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body text-center">
<img src="https://seo.computer/assets/svg/mail_send.svg" alt="正常に送信されました SEOは で ムオスケヴア" title="正常に送信されました SEOは で ムオスケヴア" width="160" height="144" class="mb-5">
<div class="h4" style="color: #000;">正常に送信されました!</div>
<p style="color: #000;">ありがとうございます。申請は正常に送信されました。すぐにご連絡させていただきます。</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="myModal" tabindex="-1" aria-labelledby="modalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content custom-modal">
<div class="modal-body d-flex align-items-center justify-content-between">
<!-- Rasm joyi -->
<div class="modal__contents">
<div class="modal_top">
<span class="section_title">リクエストを残す</span>
<p class="text-muted mt-1">そして、私たちのSEOスペシャリストは近い将来にあなたに連絡します</p>
</div>
<form id="form-analytcs" action="https://seo.computer/form" method="post" class="modal__contents_inputs flex flex-wrap justify-content-between ">
<input type="hidden" name="form_name" value="Страница анализатора">
<input type="hidden" name="_token" value="QjQi3Ic6o81ozSu7cAin8SBfxZrhyxbkvNAJOajV" autocomplete="off"> <div class="modal__contents_input">
<input type="text" class="form-control" placeholder="あなたの名前" name="name" id="name" required />
</div>
<div class="modal__contents_input">
<input type="tel" class="form-control phone_input" placeholder="電話番号" id="phone" name="phone" required />
</div>
<div class="modal__contents_input">
<input type="text" class="form-control" placeholder="ウェブサイトのアドレス" name="website" id="website" required />
</div>
<button type="submit" class="button desctop">送信</button>
<button type="submit" class="button mobile">送信</button>
</form>
<p class="policy mt-3">アプリケーションを送信することで、あなたは同意します <a href="https://seo.computer/ru/policy">機密性の方針があります</a></p>
</div>
<div class="img-container d-flex align-items-start">
<!-- Rasmni o'z manzilingiz bilan almashtiring -->
<img src="https://seo.computer/assets/images/modal_img.png" alt="Rasm" class="img-fluid" />
<button class="close" data-bs-dismiss="modal" aria-label="Close">
<img src="https://seo.computer/assets/images/exit.svg" alt="">
</button>
</div>
<!-- Forma -->
</div>
</div>
</div>
</div>
<div class="modal fade" id="ModalCity" tabindex="-1" aria-labelledby="ModalCity" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<div class="modal-title fs-22 fw-500" id="exampleModalLabel">都市を選択してください</div>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="近い"></button>
</div>
<div class="modal-body cites">
<div class="row mb-2">
<div class="col-sm-12">
<input class="form-control form-padding" id="search" name="query" placeholder="都市の名前を入力してください...">
</div>
</div>
<div class="row row-cols-1" id="cites"></div>
</div>
</div>
</div>
</div>
<style>.lateload-show-buttons{display:none;}</style>
<div class="social lateload-show-buttons">
<button class="shareButton tg open" data-bs-toggle="modal" data-bs-target="#SocialModal" data-bs-content="書き込み先 テエルエグリアム" title="書き込み先 テエルエグリアム SEOは で ムオスケヴア" data-bs-link="https://t.me/t9202044461/">
<img width="24" height="24" style="display:inline-block" src="https://seo.computer/assets/images/c_telegram.webp" alt="書き込み先 テエルエグリアム SEOは で ムオスケヴア" title="書き込み先 テエルエグリアム SEOは で ムオスケヴア">
</button>
<button class="shareButton wt open" data-bs-toggle="modal" data-bs-target="#SocialModal" data-bs-content="書き込み先 ワハアテスアププ" title="書き込み先 ワハアテスアププ SEOは で ムオスケヴア" data-bs-link="https://wa.me/79202044461">
<img width="24" height="24" style="display:inline-block" src="https://seo.computer/assets/images/c_whatsapp.webp" alt="書き込み先 ワハアテスアププ SEOは で ムオスケヴア" title="書き込み先 ワハアテスアププ SEOは で ムオスケヴア">
</button>
</div>
<script defer async>
setTimeout(function(){$('.lateload-show-buttons').css('display','flex').hide().fadeIn();}, 4000);
</script>
<!-- Modal -->
<div class="modal fade" id="SocialModal" tabindex="-1" aria-labelledby="SocialModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" style="text-align:center;">
<span style="font-size: 1.25rem;" class="modal-title" id="SocialModalLabel">私達と接続</span>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body text-center">
<a type="button" class="btn btn-primary" id="Soclink" href="#">書く</a>
</div>
</div>
</div>
</div>
<script defer async>
var SocialModal = document.getElementById('SocialModal')
SocialModal.addEventListener('show.bs.modal', function (event) {
setTimeout(function(el){
let halfScreenHeight = window.screen.height / 2;
let coefdBlockHeight = el.offsetHeight * 1.75;
//console.log(el.offsetHeight);
let newTopPx = Math.round(halfScreenHeight - coefdBlockHeight);
el.style.transform = 'translate(0, ' + newTopPx + 'px)';
}, 250, SocialModal.children[0]);
// Button that triggered the modal
var button = event.relatedTarget
// Extract info from data-bs-* attributes
var link = button.getAttribute('data-bs-link')
var content = button.getAttribute('data-bs-content')
var Soclink = SocialModal.querySelector('#Soclink')
Soclink.setAttribute('href', link)
Soclink.textContent = content
});
(() => {
'use strict'
// Fetch all the forms we want to apply custom Bootstrap validation styles to
const forms = document.querySelectorAll('.needs-validation')
// Loop over them and prevent submission
Array.from(forms).forEach(form => {
form.addEventListener('submit', event => {
if (!form.checkValidity()) {
event.preventDefault()
event.stopPropagation()
}
form.classList.add('was-validated')
}, false)
})
})()
</script>
<!--JavaScripts-->
<script rel="lazy" src="https://seo.computer/assets/js/jquery-3.6.0.min.js" ></script>
<script defer async src="https://seo.computer/assets/js/bootstrap.min.js" ></script>
<script src="https://seo.computer/assets/js/custom-blocks.js" charset="utf-8"></script><script defer async src="https://seo.computer/assets/js/jquery.mask.min.js" async></script>
<!-- <script defer async src="https://seo.computer/assets/js/lottie-player.js" ></script> -->
<!-- Bitrix -->
<!--
<script defer async>
setTimeout(function(){
(function(w,d,u){
var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/60000|0);
var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
})(window,document,'https://cdn-ru.bitrix24.ru/b20061858/crm/site_button/loader_7_7psi5t.js');
setTimeout(function(){
let linksNoHref = [...document.querySelectorAll('a.b24-widget-button-social-item')];
if (linksNoHref.length > 0) {
for (l of linksNoHref) {
if (!l.href) l.setAttribute('href','#');
}
}
}, 1000);
}, 4000);
</script>
<script defer async>
window.addEventListener('onBitrixLiveChat', function(event)
{
var widget = event.detail.widget;
widget.subscribe({
type: BX.LiveChatWidget.SubscriptionType.configLoaded,
callback: function()
{
widget.addLocalize({BX_LIVECHAT_LOADING: ' '});
widget.addLocalize({BX_LIVECHAT_ERROR_TITLE: ' '});
widget.addLocalize({
BX_LIVECHAT_VOTE_BUTTON: ' ',
BX_LIVECHAT_ERROR_DESC: ' ',
BX_MESSENGER_TEXTAREA_PLACEHOLDER: '✎...',
})
}
});
});
</script>
<style>.b24-widget-button-wrapper.b24-widget-button-position-bottom-right, .b24-widget-button-wrapper.b24-widget-button-position-bottom-middle, .b24-widget-button-wrapper.b24-widget-button-position-bottom-left {bottom: 5px; right: 2px;} .bx-livechat-logo-name, .bx-livechat-logo-icon, .bx-livechat-copyright-link, .bx-livechat-help-title-lg, .bx-im-dialog-group-date, .b24-form-sign, .bx-imopenlines-message-dialog-number, .bx-imopenlines-form-result-title, .bx-livechat-user-position, .bx-im-message-type-system .bx-im-message-content, .b24-form-control-alert-message, .bx-touch .b24-widget-button-position-bottom-right .b24-widget-button-popup-triangle {display:none} .bx-livechat-help-title-sm {font-size:0px;} .b24-form-wrapper {min-height: 150px !important;} .bx-imopenlines-form-result-container {min-height: 50px !important;} .bx-imopenlines-form-result-container.bx-imopenlines-form-success {background: none;border-bottom: none;} .bx-touch .b24-widget-button-position-bottom-right .b24-widget-button-popup {left: -240px !important; bottom: 5px !important;}</style>
-->
<!-- /Bitrix -->
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();
for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(86303743, "init", {
webvisor: true,
clickmap: true,
trackLinks: true,
accurateTrackBounce: true,
ecommerce: "dataLayer"
});
</script>
<noscript><div><img width="1" height="1" src="https://mc.yandex.ru/watch/86303743" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-R6MGYCXWFG"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-R6MGYCXWFG');
</script>
<!-- Top100 (Kraken) Counter -->
<script defer async>
setTimeout(function(){
(function (w, d, c) {
(w[c] = w[c] || []).push(function() {
var options = {
project: 7728665,
};
try {
w.top100Counter = new top100(options);
} catch(e) { }
});
var n = d.getElementsByTagName("script")[0],
s = d.createElement("script"),
f = function () { n.parentNode.insertBefore(s, n); };
s.type = "text/javascript";
s.async = true;
s.src =
(d.location.protocol == "https:" ? "https:" : "http:") +
"//st.top100.ru/top100/top100.js";
if (w.opera == "[object Opera]") {
d.addEventListener("DOMContentLoaded", f, false);
} else { f(); }
})(window, document, "_top100q");
}, 4000);
</script>
<noscript>
<img width="1" height="1" src="//counter.rambler.ru/top100.cnt?pid=7728665" alt="テオプ 100 SEOは で ムオスケヴア" title="テオプ 100 SEOは で ムオスケヴア" />
</noscript>
<!-- END Top100 (Kraken) Counter -->
<script defer async>
$(document).ready(function() {
$(".form").submit(function(e) {
e.preventDefault();
var form = $(this);
if (form.find('input:invalid').length === 0) {
$.ajax({
type: "POST",
url: form.attr('action'),
datatype: 'json',
data: form.serialize(), // serializes the form's elements.
success: function(data)
{
if(data.message === true) {
$('#SuccessModal').modal('show');
form.trigger('reset');
}
}
});
}
});
$("#form-analytcs").submit(function(e) {
e.preventDefault();
var form = $(this);
if (form.find('input:invalid').length === 0) {
$.ajax({
type: "POST",
url: form.attr('action'),
datatype: 'json',
data: form.serialize(), // serializes the form's elements.
success: function(data)
{
if(data.message === true) {
$('#myModal').modal('hide');
$('#SuccessModal').modal('show');
form.trigger('reset');
}
}
});
}
});
// ---- Analyzer redirect: hijack hero_form to push directly into seo-analyzer ----
$('form.hero_form[data-analyzer-redirect="1"]').on('submit', function(e){
var form = $(this);
var input = form.find('input[name="domain"]');
var raw = (input.val() || '').trim();
if (!raw) { return; }
var endpoint = form.attr('data-analyzer-url') || 'https://seo-analyzer.seo.computer/domain';
// Normalize: drop scheme, leading www, trailing slash, anything after first slash/space
var host = raw.replace(/^https?:\/\//i,'').replace(/^www\./i,'').split(/[\/\?#\s]/)[0].toLowerCase();
if (!host || host.indexOf('.') === -1) { return; }
e.preventDefault();
// Build hidden form and submit it (POST so analyzer can read $_POST['url'])
var hf = $('<form>').attr({method:'POST', action: endpoint}).css('display','none');
hf.append($('<input>').attr({type:'hidden', name:'url', value: host}));
$('body').append(hf);
hf[0].submit();
});
$('.content_toggle').click(function(){
$('.content_block').toggleClass('hide');
if ($('.content_block').hasClass('hide')) {
$('.content_toggle').html('続きを読む');
} else {
$('.content_toggle').html('崩壊');
}
return false;
});
$('.load-more').click(function () {
var button = $(this);
var link = $(this).data('cat');
var page = $(this).data('page');
var count = page + 1;
$.ajax({
type: "GET",
url: 'https://seo.computer/jp/' + link +'?page=' + page,
success: function(response) {
if (response.html === ''){
button.fadeOut('slow');
} else {
$('#' + link + '_results').append(response.html);
button.data('page', count);
}
},
error: function(request, status, error) {
console.log(request);
}
});
});
$('#languageForm').on('submit', function(e) {
e.preventDefault();
$.ajax({
type: 'POST',
url: 'https://seo.computer/change-language',
data: $('#languageForm').serialize(),
success: function(data) {
if (data.message === true) {
// Обновите URL с новым языком
var currentUrl = window.location.href;
var split = currentUrl.split('/');
split[3] = data.lang;
var newUrl = split.join('/');
if (currentUrl === newUrl) {
window.location = '/' + data.lang + '/';
} else {
window.location = newUrl;
}
}
}
});
});
$('#search').on('input', function(e) {
e.preventDefault();
var query = $(this).val();
$.ajax({
type: 'GET',
url: 'https://seo.computer/search',
data: { query: query, locale: 'jp' },
success: function(data) {
var results = $('#cites');
results.empty();
if (data.length > 0) {
data.forEach(function(city) {
results.append($('<a class="col text-decoration-none text-dark">').text(city.prepositional).attr('href', 'https://' + city.slug + '.seo.computer/jp'));
});
} else {
results.html('<div class="col"><span>結果が見つかりません。</span></div>');
}
}
});
});
});
</script>
<script defer async>
(function(){
async function hrefifyLinks(){
let linksnh = [];
while (linksnh.length < 2) {
linksnh = [...document.querySelectorAll('a')].filter(v=>v.getAttribute('href')===null);
if (linksnh.length < 2) {
await new Promise(r=>setTimeout(r,500));
}
}
for (let l of linksnh) {l.href = '#';}
}
hrefifyLinks();
})();
</script>
</body>
</html>