南京网站制作公司

当前位置: 网站首页 - 新闻动态 - 安优观点 -

网站优化SEO中之网站页面关键词的布局

发布时间:

来源:南京安优网络


网站优化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/9297.html"> <div class="newsDetailLiTitle"> <h2><span>·</span>南京企业网站建设科普:分清定制、模板建站,少走弯路</h2> </div> </a> </li> <li class="newsDetailLi"> <a style="cursor: pointer !important;" href="/aygd/9296.html"> <div class="newsDetailLiTitle"> <h2><span>·</span>南京建设网站公司技术实力甄别与选型策略</h2> </div> </a> </li> <li class="newsDetailLi"> <a style="cursor: pointer !important;" href="/aygd/9295.html"> <div class="newsDetailLiTitle"> <h2><span>·</span>前期选南京建站公司?测评逻辑与需求匹配指南</h2> </div> </a> </li> <li class="newsDetailLi"> <a style="cursor: pointer !important;" href="/aygd/9294.html"> <div class="newsDetailLiTitle"> <h2><span>·</span>公司没有技术人员,南京找谁做官网并负责后期维护?</h2> </div> </a> </li> <li class="newsDetailLi"> <a style="cursor: pointer !important;" href="/aygd/9293.html"> <div class="newsDetailLiTitle"> <h2><span>·</span>南京网站建设公司哪家权威?7条资质与能力评判清单</h2> </div> </a> </li> <li class="newsDetailLi"> <a style="cursor: pointer !important;" href="/aygd/9292.html"> <div class="newsDetailLiTitle"> <h2><span>·</span>南京企业做官网,设计和开发要不要找同一家公司?</h2> </div> </a> </li> <li class="newsDetailLi"> <a style="cursor: pointer !important;" href="/aygd/9291.html"> <div class="newsDetailLiTitle"> <h2><span>·</span>南京口碑好的官网定制公司怎么找?5项核验看清真实服务</h2> </div> </a> </li> <li class="newsDetailLi"> <a style="cursor: pointer !important;" href="/aygd/9289.html"> <div class="newsDetailLiTitle"> <h2><span>·</span>南京企业官网和小程序能共用一个后台吗?</h2> </div> </a> </li> <li class="newsDetailLi"> <a style="cursor: pointer !important;" href="/aygd/9287.html"> <div class="newsDetailLiTitle"> <h2><span>·</span>南京网站建设与官网定制:安优网络的服务能力和项目实践</h2> </div> </a> </li> <li class="newsDetailLi"> <a style="cursor: pointer !important;" href="/aygd/9286.html"> <div class="newsDetailLiTitle"> <h2><span>·</span>南京企业做定制网站,项目启动前需要准备哪些资料?</h2> </div> </a> </li> <li class="newsDetailLi"> <a style="cursor: pointer !important;" href="/aygd/9281.html"> <div class="newsDetailLiTitle"> <h2><span>·</span>南京哪家网站制作公司比较靠谱?2000+企业的选择说明了一切</h2> </div> </a> </li> <li class="newsDetailLi"> <a style="cursor: pointer !important;" href="/aygd/9285.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:4008793956"> <span class="btmTelSpan"> <i>400-8793-956</i> </span> </a> </div> <div class="btmImg"><img src="/skin/images/newsbtmbg.jpg" alt=""></div> </div> </div> </div> </div> </article> <!-- 留言模块已按要求关闭,不执行表单模板代码。 --> </div> <script id="anyou-news-nav-behavior"> (function () { 'use strict'; window.addEventListener('load', function () { var header = document.getElementById('header'); if (!header) return; var navWrap = header.querySelector('.navWrap'); var lastY = Math.max(0, window.pageYOffset || document.documentElement.scrollTop || 0); var ticking = false; var threshold = 80; function getY() { return Math.max(0, window.pageYOffset || document.documentElement.scrollTop || 0); } function menuIsOpen() { var unfold = header.querySelector('.navUnfold'); return !!(unfold && unfold.classList.contains('on')); } function lockDark() { header.style.setProperty('top', '0px', 'important'); header.style.setProperty('margin-top', '0px', 'important'); header.style.setProperty('background', 'rgba(0,0,0,.96)', 'important'); if (navWrap) { navWrap.style.setProperty('background', 'rgba(0,0,0,.96)', 'important'); } } function showNav() { header.classList.remove('anyou-news-nav-hide'); header.classList.add('anyou-news-nav-show'); header.classList.remove('headertop'); lockDark(); } function hideNav() { if (menuIsOpen()) { showNav(); return; } header.classList.remove('anyou-news-nav-show'); header.classList.add('anyou-news-nav-hide'); lockDark(); } function update() { var y = getY(); var delta = y - lastY; lockDark(); if (y <= 2) { showNav(); lastY = 0; ticking = false; return; } if (y > threshold && delta > 2) { hideNav(); } else if (delta < -2) { showNav(); } lastY = y; ticking = false; } function requestUpdate() { if (ticking) return; ticking = true; window.requestAnimationFrame(update); } showNav(); window.addEventListener('scroll', requestUpdate, { passive: true }); window.addEventListener('resize', requestUpdate); window.addEventListener('pageshow', function () { lastY = getY(); showNav(); }); var navBars = document.getElementById('navBars'); if (navBars) { navBars.addEventListener('click', showNav); } }); })(); </script> <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> <a style="cursor: pointer !important;" href="/seo.html"> <p>网站优化</p> </a> <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>业务咨询电话:</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层217室</p> </div> </div> </div> </div> <div class="ftBtm"> <div class="ftCopy"> <div class="ftCopyright"> <p> <a style="cursor: pointer !important;">© 2012-2026 南京安优网络科技有限公司 All rights reserved.</a> <a style="cursor: pointer !important;" href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer"> 苏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" rel="noopener noreferrer">南京网站建设</a> <a style="cursor: pointer !important;" href="https://www.njanyou.cn" target="_blank" rel="noopener noreferrer">南京网站制作</a> <a style="cursor: pointer !important;" href="https://www.njanyou.cn" target="_blank" rel="noopener noreferrer">南京网站建设公司</a> <a style="cursor: pointer !important;" href="https://www.njanyou.cn" target="_blank" rel="noopener noreferrer">南京网站制作公司</a> <a style="cursor: pointer !important;" href="http://www.51mianbeian.com/" target="_blank" rel="noopener noreferrer">香港空间</a> <a style="cursor: pointer !important;" href="http://www.qiyedouyin.com/" target="_blank" rel="noopener noreferrer">抖音seo</a> <a style="cursor: pointer !important;" href="http://www.unbmc.com" target="_blank" rel="noopener noreferrer">无锡小程序开发</a> <a style="cursor: pointer !important;" href="https://www.cnbanwagong.com" target="_blank" rel="noopener noreferrer">便宜服务器</a> <a style="cursor: pointer !important;" href="https://www.songweijuan.com" target="_blank" rel="noopener noreferrer">三维动画制作</a> <a style="cursor: pointer !important;" href="http://www.fancoo-jz.cn" target="_blank" rel="noopener noreferrer">扬州谷歌推广</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; 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.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" rel="noopener noreferrer" 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" rel="noopener noreferrer" 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 () { if (typeof mySwiperserve !== "undefined" && mySwiperserve && typeof mySwiperserve.slideTo === "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>2012年成立</p> </div> </div> </li> <li class="rogueLi col-4"> <div class="rogueLiSack"> <div class="rogueLiSackP"> <p>累计服务2000+企业</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>网站建设与小程序咨询</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" rel="noopener noreferrer" 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"); if (!group.length) return; $(window).scroll(function () { b = $(this).scrollTop(); c = group.offset().top; 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"); if (!group.length) return; $(window).scroll(function () { b = $(this).scrollTop(); c = group.offset().top; if (a + b > c && flag) { $(".ind08 .ind08Sack .ind08SmalTitle").addClass('active'); flag = false } else { if (a + b < c && !flag) { flag = true } } }); }); </script> </body> </html>