网站优化SEO中所说的网站关键词布局就是将目标关键词合理分配到网站的首页、栏目页以及内容页。在做百度网站关键词排名时,其中包含核心关键词、目标关键词、长尾关键词的网站时,首先要考虑的就是关键词的布局。
1、认识关键词布局 网站建设好后把所有要优化的词那放在首页去优化,什么核心关键词放首页、什么目标词放在栏目页、什么长尾词放在内容页,按照常人的浏览习惯,用户通常首先关注左上边的网站内容,然后是屏幕在侧间过栏,后是中同位置。这个市局就是下型布局,它符合通常客户的浏览习惯,这里所说的于型和字母F并不完全一样。
郑州网站建设公司告诉您关键词F型布局在引用过程中所表现的形式~般是 关键词布局在页面的头、中、尾部,这样可以提高关键词与页面相关性,除了可以提高关键词排名还能方便管理。
2.、关键词布局方法 页面关键词布局策略,通常遵循“关键词金字塔”原则,也就是难度大的、比较重要的词排在上面一层,通常放在网站首页优化;次一级难度的词一般分布在栏目页或列表页;底层的是大量的长尾关键词。因此,在进行关键词布局前,首先要清楚网站各类页面与关键词之间的关系。
了解了网页与关键词的对应关系后,在网站优化时才能够将关键词合理地布局在对应的网页中,起到事半功倍的作用。
关键词应该布局在页面的哪些位置呢? 通常情况下,网站页面中的关键词可以布局在
标签、description 属性、keywords 属性、页面body中。<br/> <br/> <strong>(1)、 <title>标签中布局关键词</strong><br/> <br/> <title>标签是用来定义网页标题的标签,除了显示在网页源代码中,还会显示在浏览器t: 方的标题栏中,以及搜索结果页中每一个搜索结果的一行。<br/> 这就说明一个网页的标题与用户搜索的内容越接近就越有优先展示的机会。所以页面<title>标签中要包含关键词,方便用户搜索。另外,搜索引擎会根据<itle>标签中的内容进行索引,在<title>标签中布局关键词,可以提升关键词与页面的相关性,进而影响关键词排名。<title>标签中包含本页面关键词1~3个,这里的关键词数量不是固定值,可以根据页面权重的高低进行增减,但不可罗列太多。<title> 标签中关键词字符数建议控制在80个以内,其中一个汉字等于两个字符。<br/> 在<title>标签中布局关键词时,可以将其设置为“关键词-网站名称”的形式,关键词之间以英文逗号“,”或下划线“”隔开。例如艺龙旅游网优化的核心关键词有“旅游攻略”“穷游”“自由行”“旅游景点”,因此其<title> 标签的内容可以写为“旅游攻略穷游_自由行旅游景点-艺龙旅游网”,如图4.22所示。也可以将<title>标签设置为品牌名,如图4.23所示。需要注意的是,如果品牌知名度较低,则不推荐使用此方法;并且采用此种方法会造成首页<title>资源的浪费,核心关键词得不到大限度优化。<br/> <br/> <strong>(2) 、description 属性中布局关键词</strong><br/> <br/> description是meta标签里用来描述页面的一个属性,在desription属性中布局关键词,可以提升关键词与页面的相关性,从而影响关键词排名。因此,description属性中要包含页面关键词,字符数建议控制在200个以内。<br/> 页面description 需要围绕目标关键词进行撰写,至少出现一次关键词。 同样以艺龙旅游网为例,其description 就可以写为:“艺龙旅游网是中国领先的在线旅行服务提供商之一,靠谱的旅游攻略、海量的旅游景点图片,并有穷游、自由行等全面旅游信息,让你的出行更方便。”<br/> 另外,description中尽量 多搭配相关信息,如经营范围,联系方式等,丰富description的内容。<br/> <br/> <strong>(3)、 keywords属性中布局关键词</strong><br/> <br/> keywords属性用来定义网站的关键词,可以用来调整关键词密度,但是其重要性在逐渐减弱。在优化keywords属性时要注意,避免堆砌关键词,字符数建议控制在100个以内。隔开。撰写keywords属性时,可以将页面的目标关键词罗列在keywords属性中,以英文逗号<br/> <br/> <strong>(4)、 body中布局关键词</strong><br/> <br/> 部分的关键词布局方式类似。在body中布局关键词,包括首页、栏目页,内容页的body部分。其中首页与栏目页body。<br/> <br/> <strong>1)首页和栏目页body部分关键词的布局</strong><br/> <br/> 关键词呈现F型布局,布局的位置主要包括以下几个方面,以郑州网络公司-巨鲸的网站为例,导航和二级导航添加关键词。<br/> 页面内容中添加关键词。在页面中多次出现某个关键词,并在一次出现时用<strong>标签进行标注,这样搜索引擎会认为该页面是围绕这个关键词来组织内容的,指导搜索引擎来确定网页的关键词。<br/> <br/> <strong>2)内容页body部分关键词的布局。</strong><br/> <br/> 通常情况下,内容页设置一个长尾关键词,布局的位置包括产品名称或文章标题、文章的首段和尾段、文章中图片的alt属性、文章小标题等。<br/> 通过以上郑州网站推广公司巨鲸的讲解,相信大家也都有了自己的一套网站关键词布局方法。但是网站关键词并不是越多越好,而是有一定的密度限制,因此在网站优化过程中还需要掌握网站关键词密度的优化方法。 </div><br/><p><strong>部分内容源于互联网,若涉及到您的权利,请及时邮件联系管理员jujingweb#yandex.com,发邮件时,请将#用@替换。</strong></p> </div>
<div class="newsDetailPage">
<div class="newsDetailPrev">
<a style="cursor: pointer !important;" href="/aygd/7643.html">
<div class="prevIco"><i class="iconfont icon-zuoyoujiantou-copy"></i></div>
<div class="prevName">
<p>上一篇:</p>
<p>SEO学习之关键词研究</p>
</div>
</a>
</div>
<div class="newsDetailReturn">
<a style="cursor: pointer !important;" href="/aygd/">
<div class="returnIco"><i class="iconfont icon-caidan"></i></div>
<div class="returnName">
<p>返回列表</p>
</div>
</a>
</div>
<div class="newsDetailNext">
<a style="cursor: pointer !important;" href="/aygd/7645.html">
<div class="nextIco"><i class="iconfont icon-zuoyoujiantou"></i></div>
<div class="nextName">
<p>下一篇:itmc电子商务沙盘攻略seo关键词</p>
<p></p>
</div>
</a>
</div>
</div>
</div>
<div class="newsDetailRg col-3">
<div class="newsDetailRgSack">
<div class="newsDetailRgTitle">
<h2>随机文章</h2>
</div>
<ul class="newsDetailUl">
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/3224.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>美食网站的设计与实现.doc</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/667.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>新建网址和名称怎么设置</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/5983.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>服装网站建设方案ppt</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/2880.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>上海出国语言培训教育官网设计</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/wzzs/8710.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>在线营销:要避免的 5 个社交媒体错误</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/3592.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>电商网站制作公司名称</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/2748.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>南京公司网站制作费用</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/7382.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>网站建设网上接单(做网站接单)</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/7376.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>flash个人网站制作</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/8440.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>如何创建自己的网站平台</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/625.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>做外贸独立站需要多少启动资金?</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/6320.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>网上共青团智慧团建官网注册登录入口(网页版+电脑版+手机版)</h2>
</div>
</a>
</li>
</ul>
</div>
<div class="newsDetailRgBtmSack">
<div class="btmTitle">
<h2>联系安优网络</h2>
</div>
<div class="btmText">
<p>定制您的专属网站建设方案吧</p>
</div>
<div class="btmTel">
<a style="cursor: pointer !important;" class="btmTelA" href="tel:18651623366">
<span class="btmTelSpan">
<i>400-8793-956</i>
</span>
</a>
</div>
<div class="btmImg"><img src="/statics/rsit/images/newsbtmimg.png" alt=""></div>
</div>
</div>
</div>
</div>
<div class="ind08 serverind08 ind08sp">
<div class="ind08Sack col-11 col-xxl-9">
<div class="ind08SmalTitle">
<h2>策略思维与细节的完美结合,有效帮您减少试错成本</h2>
<div class="ind08Sm">
<h2>策略思维与细节的完美结合,有效帮您减少试错成本</h2>
</div>
</div>
<div class="ind08Title ind08TitleSe">
<h2>立即与安优联系,开启网站设计全新体验</h2>
<div class="ind08Sm">
<h2>立即与安优联系,开启网站设计全新体验</h2>
</div>
</div>
<div class="ind08Title ind08TitleSePh">
<h2>立即与安优联系<br>开启网站设计全新体验</h2>
<div class="ind08Sm" style="width: 100%;opacity: 1;">
<h2 style="width: 100%;opacity: 1;">立即与安优联系<br>开启网站设计全新体验</h2>
</div>
</div>
<form method="post" name="myform" id="myform" action="/index.php?s=form&c=liuyan&m=post&is_show_msg=1">
<div class="formSack">
<div class="formInputSack">
<div class="formInput">
<input type="text" onFocus="this.removeAttribute('readonly');" autocomplete="off"
class="form-input" id="chenghu1" name="data[title]" placeholder="请输入您的称呼">
</div>
<div class="formInput">
<input type="text" onFocus="this.removeAttribute('readonly');" autocomplete="off"
class="form-input" id="shoujihao" name="data[shoujihao]" placeholder="请输入您的手机号*" required=""
oninvalid="setCustomValidity('请输入您的手机号')" oninput="setCustomValidity('');">
</div>
</div>
<div class="formBtnSack">
<button type="submit" id="dosubmit" name="dosubmit" onClick="formsubmit()" >提交需求</button>
<a style="cursor: pointer !important;" href="http://wpa.qq.com/msgrd?v=3&uin=309474043&site=qq&menu=yes" target="_blank" onClick="seopen()">在线咨询</a>
</div>
</div>
</form>
</div>
</div></div>
<div class="footer " id="footer">
<div class="ftSack col-11">
<div class="ftTop row">
<div class="ftTopLf col-12 col-xl-6">
<ul class="ftTopLfUl">
<li class="ftTopLfLi">
<a style="cursor: pointer !important;" href="/service/">
<p>服务项目</p>
</a>
<a style="cursor: pointer !important;" href="/service/">
<p>网站建设开发</p>
</a>
<a style="cursor: pointer !important;" href="/service/">
<p>品牌设计塑造</p>
</a>
<a style="cursor: pointer !important;" href="/service/">
<p>移动端开发</p>
</a>
<a style="cursor: pointer !important;" href="/service/">
<p>网站安全运维</p>
<a style="cursor: pointer !important;" href="/seo.html">
<p>网站优化</p>
<a style="cursor: pointer !important;" href="/xcx.html">
<p>小程序开发</p>
</a>
</li>
<li class="ftTopLfLi">
<a style="cursor: pointer !important;" href="/jpal/">
<p>精品案例</p>
</a>
<a style="cursor: pointer !important;" href="/jtal/">
<p>集团案例</p>
</a>
<a style="cursor: pointer !important;" href="/gsal/">
<p>公司案例</p>
</a>
<a style="cursor: pointer !important;" href="/xcxal/">
<p>小程序案例</p>
</a>
</li>
<li class="ftTopLfLi">
<a style="cursor: pointer !important;" href="/guanyuwomen/">
<p>关于我们</p>
</a>
<a style="cursor: pointer !important;" href="/guanyuwomen/">
<p>关于安优</p>
</a>
<a style="cursor: pointer !important;" href="/guanyuwomen/">
<p>安优使命</p>
</a>
<a style="cursor: pointer !important;" href="/guanyuwomen/">
<p>安优愿景</p>
</a>
<a style="cursor: pointer !important;" href="/guanyuwomen/">
<p>合作伙伴</p>
</a>
</li>
<li class="ftTopLfLi">
<a style="cursor: pointer !important;" href="/ayxw/">
<p>公司新闻</p>
</a>
<a style="cursor: pointer !important;" href="/aygd/">
<p>安优观点</p>
</a>
<a style="cursor: pointer !important;" href="/wzzs/">
<p>网站知识</p>
</a>
</li>
<li class="ftTopLfLi">
<a style="cursor: pointer !important;" href="/contact/">
<p>联系我们</p>
</a>
<a style="cursor: pointer !important;" href="/contact/">
<p>联系方式</p>
</a>
<a style="cursor: pointer !important;" href="/contact/">
<p>在线留言</p>
</a>
</li>
</ul>
</div>
<div class="ftTopRg col-12 col-xl-6">
<div class="ftTopRgSack1">
<div class="ftSack1Title">
<h2>联系我们</h2>
</div>
<div class="ftSack1Ico">
<p><i class="iconfont icon-shouji"></i>24小时咨询热线:</p>
<a style="cursor: pointer !important;" class="navTelA" href="tel:18651623366">
<span class="navTelSpan">
<i>18651623366</i>
</span>
</a>
</div>
<div class="ftSack1Ico">
<p><i class="iconfont icon-zuoji"></i>服务热线:</p>
<a style="cursor: pointer !important;" class="navTelB" href="tel:400-8793-956">
<p>400-8793-956</p>
</a>
</div>
</div>
<div class="ftTopRgSack2">
<div class="ftSack2Code">
<div class="codeImg"><img src="/skin/picture/weixintupian_20240423125445.jpg" alt=""></div>
<div class="codeName">
<p>微信咨询</p>
</div>
</div>
<div class="ftSack2Ico">
<p><i class="iconfont icon-youjian"></i>邮箱:</p>
<a style="cursor: pointer !important;" class="email" href="mailto:309474043@qq.Com">
<p>309474043@qq.Com</p>
</a>
</div>
<div class="ftSack2Ico">
<p><i class="iconfont icon-dizhi"></i>地址:建邺区新城科技园嘉陵江东街18号2层</p>
</div>
</div>
</div>
</div>
<div class="ftBtm">
<div class="ftCopy">
<div class="ftCopyright">
<p>
<a style="cursor: pointer !important;" target="_Blank">© 2012-2024 南京安优网络科技有限公司 All rights reserved.</a>
<a style="cursor: pointer !important;" href="https://beian.miit.gov.cn/" target="_Blank"> 苏ICP备12071769号-1</a>
<a style="cursor: pointer !important;" href="/wzdt/">网站地图</a>
<a style="cursor: pointer !important;" href="/sitemap.xml">XML</a>
<a style="cursor: pointer !important;" href="/sitemap.txt">TXT</a>
</p>
</div>
</div>
<div class="ftKeyword">
<a>友情链接:</a>
<a style="cursor: pointer !important;" href="https://www.njanyou.cn" target="_Blank">南京网站建设</a>
<a style="cursor: pointer !important;" href="https://www.njanyou.cn" target="_Blank">南京网站制作</a>
<a style="cursor: pointer !important;" href="https://www.njanyou.cn" target="_Blank">南京网站建设公司</a>
<a style="cursor: pointer !important;" href="https://www.njanyou.cn" target="_Blank">南京网站制作公司</a>
<a style="cursor: pointer !important;" href="https://www.a5idc.net/" target="_Blank">香港服务器</a>
<a style="cursor: pointer !important;" href="http://www.51mianbeian.com/" target="_Blank">香港空间</a>
<a style="cursor: pointer !important;" href="http://www.qiyedouyin.com/" target="_Blank">抖音seo</a>
<a style="cursor: pointer !important;" href="http://www.unbmc.com" target="_Blank">无锡小程序开发</a>
<a style="cursor: pointer !important;" href="https://www.cnbanwagong.com" target="_Blank">便宜服务器</a>
<a style="cursor: pointer !important;" href="https://www.lezaiyun.com" target="_Blank">企业网站建设</a>
<a style="cursor: pointer !important;" href="https://www.songweijuan.com" target="_Blank">三维动画制作</a>
<a style="cursor: pointer !important;" href="https://860537.com" target="_Blank">网站SEO</a>
<a style="cursor: pointer !important;" href="https://www.ksvps.com" target="_Blank">vps</a>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
var flag = true;
var a, b, c;
a = $(window).height();
var group = $(".footer");
$(window).scroll(function () {
b = $(this).scrollTop();
c = group.offset().top;
console.log(c)
if (a + b > c && flag) {
$(".footer").addClass('line');
flag = false
} else {
if (a + b < c && !flag) {
flag = true
}
}
});
});
</script>
</div>
<script src="/skin/js/sfq.js"></script>
<script src="/skin/js/swiper-bundle.min.js"></script>
<script src="/skin/js/swiper.animate1.0.3.min.js"></script>
<!-- <script src="/skin/js/swipter.z.js"></script> -->
<script src="/skin/js/swipter.js"></script>
<script src="/skin/js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<section id="flotWindSack">
<div class="flotWindLf">
<a href="http://wpa.qq.com/msgrd?v=3&uin=309474043&site=qq&menu=yes" target="_blank" onClick="seopen2()">
<div class="flotWindLfSack">
<div class="flotWindLfLoca">
<div class="flotWindLfIco"><img src="/skin/picture/flowwdlf.png" alt=""></div>
<div class="flotWindLfName">
<p>在线咨询</p>
</div>
</div>
</div>
</a>
</div>
<div class="flotWindRg">
<a style="cursor: pointer !important;" href="tel:400-8793-956">
<div class="flotWindRgSack">
<div class="flotWindRgLoca">
<div class="flotWindRgIco"><img src="/skin/picture/flowwdrg.png" alt=""></div>
<div class="flotWindRgName">
<p>拨打电话</p>
</div>
</div>
</div>
</a>
</div>
</section>
<script>
var windowTop1 = 0;
$(window).scroll(function () {
var header = $("#flotWindSack");
var scrolls = $(this).scrollTop();
if (scrolls >= windowTop1 && $(document).scrollTop() > 79) {
header.addClass('flotWindSack');
windowTop1 = scrolls;
} else {
header.removeClass('flotWindSack');
windowTop1 = scrolls;
}
});
</script>
<section id="flotWind2Sack">
<div class="flotWind2Top">
<ul class="flotWind2TopList">
<li>
<div class="flotWind2TopIco">
<div class="flotWind2TopImg"><img src="/skin/picture/pcphone.png" alt=""></div>
<div class="flotWind2TopIcoName">
<p>电话咨询</p>
</div>
</div>
<div class="flotWind2TopHover">
<div class="flotWind2TopHoverB">
<a style="cursor: pointer !important;" href="tel:400-8793-956">
<div class="flotWind2THoSa">
<p>400-8793-956</p>
</div>
</a>
<div class="smico"></div>
</div>
</div>
</li>
<li>
<a style="cursor: pointer !important;" href="http://wpa.qq.com/msgrd?v=3&uin=309474043&site=qq&menu=yes" target="_blank" onClick="seopen2()">
<div class="flotWind2TopIco">
<div class="flotWind2TopImg"><img src="/skin/picture/pcerji.png" alt=""></div>
<div class="flotWind2TopIcoName">
<p>在线咨询</p>
</div>
</div>
</a>
</li>
<li>
<div class="flotWind2TopIco">
<div class="flotWind2TopImg"><img src="/skin/picture/pcweix.png" alt=""></div>
<div class="flotWind2TopIcoName">
<p>微信咨询</p>
</div>
</div>
<div class="flotWind2TopHover">
<div class="flotWind2THoSa">
<div class="flotWind2TopHoverIm">
<img src="/skin/picture/weixintupian_20240423125445.jpg" alt="">
</div>
<div class="smico"></div>
</div>
</div>
</li>
</ul>
</div>
<div class="flotWind2Bt">
<a style="cursor: pointer !important;" href="javascript:window.scrollTo(0,0)" id="flotWind2Bt">
<div class="flotWind2BtSack">
<div class="flotWind2TBtIco">
<div class="flotWind2BtImg"><img src="/skin/picture/rettop.png" alt=""></div>
<div class="flotWind2BtIcoName">
<p>返回顶部</p>
</div>
</div>
</div>
</a>
</div>
</section>
<script>
window.scrollTo({
top: 0,
left: 0,
behavior: 'smooth',
duration: 1000,
});
</script>
<script>
$("#flotWind2Bt").click(function () {
mySwiperserve.slideTo(0, 1000, false);
});
</script>
<script>
var windowTop1 = 0;
$(window).scroll(function () {
var header = $("#flotWind2Sack");
var scrolls = $(this).scrollTop();
if (scrolls >= windowTop1 && $(document).scrollTop() > 300) {
header.addClass('flotWind2Sack');
windowTop1 = scrolls;
} else {
header.removeClass('flotWind2Sack');
windowTop1 = scrolls;
}
});
</script>
<section class="flotWindRogue" id="flotWindRogue">
<div class="rogue">
<div class="rogueContext">
<div class="rogueTitle">
<h2>品质设计 用心服务</h2>
</div>
<ul class="rogueUl row">
<li class="rogueLi col-4">
<div class="rogueLiSack">
<div class="rogueLiSackP">
<p>12年+定制经验</p>
</div>
</div>
</li>
<li class="rogueLi col-4">
<div class="rogueLiSack">
<div class="rogueLiSackP">
<p>600+客户选择</p>
</div>
</div>
</li>
<li class="rogueLi col-4">
<div class="rogueLiSack">
<div class="rogueLiSackP">
<p>高效售后保障</p>
</div>
</div>
</li>
</ul>
<div class="rogueBtm">
<div class="rogueLf">
<div class="tdCode"><img src="/skin/picture/weixintupian_20240423125445.jpg" alt=""></div>
</div>
<div class="rogueRg">
<div class="rogueRgSmT">
<p>7*24小时服务热线</p>
</div>
<div class="rogueRgT">
<a style="cursor: pointer !important;" href="tel:400-8793-956">
<p>400-8793-956</p>
</a>
</div>
<div class="rogueRgBt">
<a style="cursor: pointer !important;" href="http://wpa.qq.com/msgrd?v=3&uin=309474043&site=qq&menu=yes" target="_blank" onClick="seopen2()">
<p>在线咨询</p>
</a>
</div>
</div>
</div>
</div>
<div class="rogueCrosses">
<div class="icon">
<i class="iconfont icon-fork"></i>
</div>
</div>
</div>
</section>
<script>
var i = 0;
var max = "0";
var add = "";
var shouci = "10000";
var zaici = "50000";
var deTime1 = window.setTimeout(function () {
$(".flotWindRogue").addClass('active');
}, shouci);
function deTime() {
$(".flotWindRogue").addClass('active');
i++;
if (i > max) {
window.clearInterval(add);
};
}
add = setInterval(function () {
deTime();
}, zaici);
$("#flotWindRogue .rogue .rogueCrosses").click(function () {
$(".flotWindRogue").removeClass("active");
});
</script>
<script>
$(document).ready(function () {
var flag = true;
var a, b, c;
a = $(window).height();
var group = $(".ind08");
$(window).scroll(function () {
b = $(this).scrollTop();
c = group.offset().top;
console.log(c)
if (a + b > c && flag) {
$(".ind08 .ind08Sack .ind08Title").addClass('active');
flag = false
} else {
if (a + b < c && !flag) {
flag = true
}
}
});
});
</script>
<script>
$(document).ready(function () {
var flag = true;
var a, b, c;
a = $(window).height();
var group = $(".ind08 .ind08Sack");
$(window).scroll(function () {
b = $(this).scrollTop();
c = group.offset().top;
console.log(c)
if (a + b > c && flag) {
$(".ind08 .ind08Sack .ind08SmalTitle").addClass('active');
flag = false
} else {
if (a + b < c && !flag) {
flag = true
}
}
});
});
</script>
</body>
</html>