首页运营SEO 地方房地产网站SEO实战案例分享

地方房地产网站SEO实战案例分享

一、网站关键词设置我们首先看下index.baidu.com有关武汉 武汉房地产 武汉地产 武汉装修等关键词的搜索密度搜索关键词 “武汉房地产”SEO的重要作用是提高网站在搜索引擎中…

一、网站关键词设置

我们首先看下index.baidu.com有关武汉 武汉房地产 武汉地产 武汉装修等关键词的搜索密度

搜索关键词 “武汉房地产”

地方房地产网站SEO实战案例分享_www.cuoXin.com

SEO的重要作用是提高网站在搜索引擎中的排名,不受关注的关键词虽然很容易在百度中获得较好的排名,但是带来的流量却很是有限,因此我们建议武汉淘房网对网站TITLE的关键词设置做相应的调整:

1、武汉淘房网-武汉房产网-武汉网-武汉房地产-专业的武汉房地产网站《/title》</p><p>改为 武汉淘房网――武汉房地产网|武汉地产|武汉房屋买卖|武汉二手房|房屋装修</p><p>2、<meta name="keywords" content="武汉淘房网,武汉房产网,武汉网,武汉,武汉房地产,武汉地产网,武汉二手房,武汉搜房网,武汉厂房,武汉新楼盘,武汉别墅,武汉租房网,武汉新房网,武汉写字楼,武汉房地产新闻,武汉买房,租房,业主论坛,武汉业主社区" /></p><p>改为 武汉淘房网 武汉房地产网 武汉地产 武汉房地产 武汉房屋买卖 武汉二手房 武汉房屋装修 武汉聊宅网 武汉搜房网 武汉房屋租赁 武汉楼盘 武汉业主论坛</p><p>二、网站栏目导航栏(banner)设计违背SEO原则</p><p>1、顶部banner设计</p><p><img alt="地方房地产网站SEO实战案例分享_www.cuoXin.com" title='地方房地产网站SEO实战案例分享'border="0" width="510" height="72" src="http://www.cuoXin.com/uploads/allimg/c160410/14602GPM50-3X25.jpg" title="顶部banner设计"/></p><p>如图所示为搜狐网的顶部BANNER设计</p><p>类似搜狐、新浪等门户网站运用的都是类似的banner设计,即logo之后就是网站所涉及的全部板块内容,这样,搜索引擎在从页面顶部开始抓取内容时,即可直接找到网站的内容设计,对蜘蛛很友好,对于来访者也非常直观,而武汉淘房网目前的banner则是各个地域的名称,这对搜索引擎的抓取不利,不利于获得好的排名。</p><p>看一个标准门户的设计方式</p><p><img alt="地方房地产网站SEO实战案例分享_www.cuoXin.com" title='地方房地产网站SEO实战案例分享'border="0" width="510" height="135" src="http://www.cuoXin.com/uploads/allimg/c160410/14602GQ04F-46340.jpg" title="看一个标准门户的设计方式"/></p><p>最理想的banner设计方式是导航栏下面直接是区域划分,不要插放广告,这样搜索引擎能够更快的抓取网站的框架</p><p>2、网站导航设计</p><p><img alt="地方房地产网站SEO实战案例分享_www.cuoXin.com" title='地方房地产网站SEO实战案例分享'border="0" width="285" height="151" src="http://www.cuoXin.com/uploads/allimg/c160410/14602GQ2120-55116.jpg" title="网站导航设计"/></p><p>将重要功能体现在最抢眼的地方,有效增加网站pv,例如就直接放在banner下面。靠左靠右均可,靠左的搜索引擎效果更好。</p><p>三、广告内容喧宾夺主,不利于SEO</p><p>新浪等门户网站的广告很多,但为了有较好的搜索引擎表现,多采取推拉广告、悬挂广告、链接广告的形式进行化解,整体页面干净、整齐,搜索引擎效果也不错,反观我们的武汉淘房网,在此,做一个对比:</p><p><img alt="地方房地产网站SEO实战案例分享_www.cuoXin.com" title='地方房地产网站SEO实战案例分享'border="0" width="489" height="115" src="http://www.cuoXin.com/uploads/allimg/c160410/14602GQ30-621I.jpg" title="做一个对比"/></p><p>上图为搜狐网顶部banner下的广告部分</p><p>下图为武汉淘房网的广告部分</p><p><img alt="地方房地产网站SEO实战案例分享_www.cuoXin.com" title='地方房地产网站SEO实战案例分享'border="0" width="389" height="214" src="http://www.cuoXin.com/uploads/allimg/c160410/14602GQ450-Nc4.jpg" title="下图为武汉淘房网的广告部分"/></p><p>搜狐的链接广告整齐划一,而且与内容结合,容易引起访问者的点击,同时位置也较好,每个广告位的售价不菲,最重要的是搜索引擎能够抓取。众所周知,搜索引擎对图片的抓取效果较差,而且堆放如此多的图片广告,访问者有种不知所措的感觉,而且会导致网站整体打开速度慢(谷歌已经开始试验将网站打开速度列入网站等级划分的考量因素),浏览者很容易关上网页而离去。</p><p>如果广告内容确实很多,在考虑SEO的同时,可以将广告位做适当调整,如下图:</p><p><img alt="地方房地产网站SEO实战案例分享_www.cuoXin.com" title='地方房地产网站SEO实战案例分享'border="0" width="122" height="401" src="http://www.cuoXin.com/uploads/allimg/c160410/14602GQE10-TS5.jpg" title="如果广告内容确实很多,在考虑SEO的同时,可以将广告位做适当调整,如下图:"/></p><p>通过充分利用宽屏页面,将广告位设置在左右侧边,也容易引诱来访者的点击,且将对搜索引擎的影响降到最低。</p><p>四、首页内容部分</p><p>下图为搜狐网</p><p><img alt="地方房地产网站SEO实战案例分享_www.cuoXin.com" title='地方房地产网站SEO实战案例分享'border="0" width="270" height="234" src="http://www.cuoXin.com/uploads/allimg/c160410/14602GR2010-a211.jpg" title="下图为搜狐网.jpg"/></p><p>1为了获得较好的seo效果,搜狐网将每条新闻下面都加上了下划线________,因为谷歌还有百度的抓取规则就是加了下划线的内容为网站强调的部分,同样的新闻,会优先于不加下划线的网站显示。同时,对于热点新闻或推荐新闻,搜狐网又进行了加粗处理,这样的双重强调效果,就决定了搜狐新闻在搜索引擎中一定会排于前列。这个原则同样适用于网站内页的具体新闻网页。</p><p>2、武汉淘房网的每条新闻标题间的间隔太大,视觉上显得内容比较少,而内容更新频率又是百度确定网站排名的重要参考因素之一,因此,建议武汉淘房网丰富板块的内容,加大新闻或论坛内容的更新频率,这样方能从内容上赢得搜索引擎的青睐。</p><p>3、友情链接要侧重于武汉本地、与房产相关的网站</p><p>五、网站内页部分</p><p>1、可以将每个网页的关键词进行加粗或加下划线、斜线处理,这样会赢得搜索引擎的重视;</p><p>2、丰富网页的内链设计</p><p><img alt="地方房地产网站SEO实战案例分享_www.cuoXin.com" title='地方房地产网站SEO实战案例分享'border="0" width="510" height="117" src="http://www.cuoXin.com/uploads/allimg/c160410/14602GR4O0-105603.jpg" title="丰富网页的内链设计"/></p><p>上图为搜索新闻的内链设计,即将网页中相关的关键词标粗、加下划线,并指向本网站其他相关的网页,这样,即突出了网站的关键词,也能有效提升网站的pv,改善搜索引擎的表现。原文出自论文抄袭检测</p><p>来源:seo优化网 转载注明出处!</p> <center></center></SPAN> </div> <nav class="navigation pagination" aria-label="文章" style="display: block;padding: 0px;border: 0px;"> <h2 class="screen-reader-text">文章导航</h2> <div class="nav-links"></div> </nav> <div class="single-credit"> 本文来自网络,不代表1号站长-站长学院|资讯交流平台立场。转载请注明出处: <a href="https://www.1cn.cc/yunying/seo/34000.html">https://www.1cn.cc/yunying/seo/34000.html</a></div> <div class="entry-footer clear"> <div id="myModal" class="modal"> <div class="modal-content clear"> <h3>给这篇文章的作者打赏</h3> <div class="ht_grid_1_2_custom"> <img src="https://www.1cn.cc/skin/ecms312/images/weixin-code.png" alt="微信扫一扫打赏"/> 微信扫一扫打赏</div> <div class="ht_grid_1_2_custom"> <img src="https://www.1cn.cc/skin/ecms312/images/alipay-code.png" alt="微信扫一扫打赏"/> 支付宝扫一扫打赏</div> <span class="close">×</span></div> </div> <div class="entry-footer-right"> <span class="entry-sponsor"> <span id="myBtn"><i class="fa fa-jpy"></i> 打赏</span> </span> <span class="entry-like"> <span class="sl-wrapper"><a href="JavaScript:makeRequest('https://www.1cn.cc/e/public/digg/?classid=33&id=34000&dotop=1&doajax=1&ajaxarea=diggnum','EchoReturnedText','GET','');" class="sl-button sl-button-87" title="点赞这篇文章"><span class="sl-count" id="diggnum"><i class="fa fa-thumbs-o-up"></i> <script src=https://www.1cn.cc/e/public/ViewClick/?classid=33&id=34000&down=5></script><em>赞</em></span></a><span class="sl-loader"></span></span> </span></div> </div> <div class="entry-bottom clear"> <div class="entry-tags"> <span class="tag-links"><span>标签:</span><a href="/tag/SEO.html" title="SEO" class="c1" target="_blank">SEO</a></span></div> <span class="custom-share"> <span class="social-share" data-sites="wechat, weibo, qq, qzone"></span> </span></div> </article> <div id="zhutibaba-ad-13" class="single-bottom-ad widget_ad ad-widget"> <div class="adwidget"><div class="pcd_ad"><script src=https://www.1cn.cc/d/js/acmsd/thea16.js></script></div><div class="mbd_ad"><a href='https://www.1cn.cc/e/public/ClickAd?adid=17' target=_blank><img src='/d/file/2022/03-28/de6866d1e77780db6e0337db1bcfe8ac.png' border=0 width='468' height='60' alt=''></a></div></div> </div> <div class="post-nav clear"> <div class="post-nav-previous"><i class="fa fa-angle-left"></i> 上一篇<a href='https://www.1cn.cc/yunying/seo/33999.html'>导致网站降权的因素详解</a></div> <div class="post-nav-next">下一篇 <i class="fa fa-angle-right"></i><a href='https://www.1cn.cc/yunying/seo/34001.html'>网站优化:建设外部链接时易犯的错误总结,应该如何正确建设外链</a></div> </div> <div class="author-box clear"> <img alt="admin" src="https://www.1cn.cc/skin/ecms312/images/avatar.jpg" class="avatar avatar-120 photo" height="120" width="120" /> <div class="author-meta"> <h4 class="author-name">作者: <span class="hover-underline"><a target="_blank" href="https://www.1cn.cc/">admin</a></span></h4> <div class="author-desc"> 这里可以再内容模板定义一些文字和说明,也可以调用对应作者的简介!或者做一些网站的描述之类的文字或者HTML!</div> </div> </div> <div class="entry-related clear"> <h3 class="section-title">为您推荐</h3> <div class="related-loop clear"> </div> </div> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"></div> <script src="https://www.1cn.cc/e/extend/infocomment/commentfrom.php?classid=33&id=34000&titleurl=https://www.1cn.cc/yunying/seo/34000.html"></script> <h3 class="comments-title"> 评论列表(<i id="infocommentnumarea"></i>)</h3> <ol class="comment-list" id="infocommentarea"></ol> <script src="https://www.1cn.cc/e/extend/infocomment/commentajax.php?classid=33&id=34000"></script> </div> </main> </div> <aside id="secondary" class="widget-area sidebar"> <div class="widget widget_ad ad-widget"> <div class="adwidget"><script src="https://www.1cn.cc/d/js/acmsd/thea11.js"></script></div> <h2 class="widget-title">广告</h2> </div> <div id="damenhu-views-2" class="widget widget-damenhu-views widget_posts_thumbnail"> <h2 class="widget-title">浏览最多的文章</h2> <ul> <li class="clear"><a href="https://www.1cn.cc/yunying/seo/32200.html" rel="bookmark"> <div class="thumbnail-wrap"><img width="300" height="150" src="https://www.1cn.cc/e/extend/timthumb.php?src=/d/file/20220709/issqbozs0dy3812.png&w=300&h=150&zc=1" class="attachment-widget_thumb size-widget_thumb wp-post-image" alt="网站SEO之TAGS标签优化有多重要?" loading="eager" /></div> </a> <div class="entry-wrap"><a href="https://www.1cn.cc/yunying/seo/32200.html" rel="bookmark">网站SEO之TAGS标签优化有多重要?</a></div> </li> <li class="post-list"><span>1</span><a href="https://www.1cn.cc/yunying/seo/32200.html" rel="bookmark">网站SEO之TAGS标签优化有多重要?</a></li> <li class="post-list"><span>2</span><a href="https://www.1cn.cc/yunying/seo/22746.html" rel="bookmark">新手做淘宝客放弃seo用软文营销经验分享</a></li> <li class="post-list"><span>3</span><a href="https://www.1cn.cc/yunying/seo/22805.html" rel="bookmark">新浪微博粉丝通推广效果分析</a></li> <li class="post-list"><span>4</span><a href="https://www.1cn.cc/yunying/seo/32024.html" rel="bookmark">网站优化之关键词优化:为什么研究关键词</a></li> <li class="post-list"><span>5</span><a href="https://www.1cn.cc/yunying/seo/32196.html" rel="bookmark">从网约车地方细则看网站SEO优化行业</a></li> </ul> </div> <div class="widget widget_ad ad-widget"> <div class="adwidget"><script src="https://www.1cn.cc/d/js/acmsd/thea12.js"></script></div> <h2 class="widget-title">广告</h2> </div> <div id="damenhu-popular-2" class="widget widget-damenhu-popular widget_posts_thumbnail"> <h2 class="widget-title">评论最多的文章</h2> <ul> <li class="clear"><a href="https://www.1cn.cc/yunying/seo/32200.html" rel="bookmark"> <div class="thumbnail-wrap"><img width="300" height="150" src="https://www.1cn.cc/e/extend/timthumb.php?src=/d/file/20220709/issqbozs0dy3812.png&w=300&h=150&zc=1" class="attachment-widget_thumb size-widget_thumb wp-post-image" alt="网站SEO之TAGS标签优化有多重要?" loading="eager" /></div> </a> <div class="entry-wrap"><a href="https://www.1cn.cc/yunying/seo/32200.html" rel="bookmark">网站SEO之TAGS标签优化有多重要?</a></div> </li> <li class="post-list"><span>1</span><a href="https://www.1cn.cc/yunying/seo/32199.html" rel="bookmark">网站运营需要掌握的SEO搜索技巧</a></li> <li class="post-list"><span>2</span><a href="https://www.1cn.cc/yunying/seo/32198.html" rel="bookmark">如何写一篇高质量的原创文章?高质量的原创文章的写作技巧汇总</a></li> <li class="post-list"><span>3</span><a href="https://www.1cn.cc/yunying/seo/32197.html" rel="bookmark">SEO对于草根站长而言还有多少价值?</a></li> <li class="post-list"><span>4</span><a href="https://www.1cn.cc/yunying/seo/32196.html" rel="bookmark">从网约车地方细则看网站SEO优化行业</a></li> <li class="post-list"><span>5</span><a href="https://www.1cn.cc/yunying/seo/32195.html" rel="bookmark">一个合格的SEO至少在这三个阶段进行优化工作</a></li> </ul> </div> <div class="widget widget_ad ad-widget"> <div class="adwidget"><script src="https://www.1cn.cc/d/js/acmsd/thea13.js"></script></div> <h2 class="widget-title">广告</h2> </div> <div id="tag_cloud-1" class="widget widget_tag_cloud"> <h2 class="widget-title">标签</h2> <div class="tagcloud"> <a href="/tag/SEO.html" class="tag-cloud-link" title="SEO (6013个项目)">SEO</a> <a href="/tag/jiaocheng.html" class="tag-cloud-link" title="教程 (2364个项目)">教程</a> <a href="/tag/fuwuqi.html" class="tag-cloud-link" title="服务器 (1863个项目)">服务器</a> <a href="/tag/xitong.html" class="tag-cloud-link" title="系统 (1150个项目)">系统</a> <a href="/tag/shezhi.html" class="tag-cloud-link" title="设置 (1105个项目)">设置</a> <a href="/tag/lianjie.html" class="tag-cloud-link" title="链接 (962个项目)">链接</a> <a href="/tag/qiye.html" class="tag-cloud-link" title="企业 (933个项目)">企业</a> <a href="/tag/wenjian.html" class="tag-cloud-link" title="文件 (856个项目)">文件</a> <a href="/tag/diguo.html" class="tag-cloud-link" title="帝国 (788个项目)">帝国</a> <a href="/tag/diguoCMS.html" class="tag-cloud-link" title="帝国CMS (724个项目)">帝国CMS</a> <a href="/tag/FTP.html" class="tag-cloud-link" title="FTP (563个项目)">FTP</a> <a href="/tag/Discuz.html" class="tag-cloud-link" title="Discuz (457个项目)">Discuz</a> <a href="/tag/diannao.html" class="tag-cloud-link" title="电脑 (315个项目)">电脑</a> <a href="/tag/shujuku.html" class="tag-cloud-link" title="数据库 (215个项目)">数据库</a> <a href="/tag/zhuce.html" class="tag-cloud-link" title="注册 (200个项目)">注册</a> <a href="/tag/xiazai.html" class="tag-cloud-link" title="下载 (173个项目)">下载</a> <a href="/tag/Discuzjiaocheng.html" class="tag-cloud-link" title="Discuz教程 (144个项目)">Discuz教程</a> <a href="/tag/aliyun.html" class="tag-cloud-link" title="阿里云 (141个项目)">阿里云</a> <a href="/tag/com.html" class="tag-cloud-link" title="com (123个项目)">com</a> <a href="/tag/woijingtai.html" class="tag-cloud-link" title="伪静态 (122个项目)">伪静态</a> <a href="/tag/jilu.html" class="tag-cloud-link" title="记录 (111个项目)">记录</a> <a href="/tag/beian.html" class="tag-cloud-link" title="备案 (99个项目)">备案</a> <a href="/tag/diguocmsjiaocheng.html" class="tag-cloud-link" title="帝国cms教程 (86个项目)">帝国cms教程</a> <a href="/tag/yidongduan.html" class="tag-cloud-link" title="移动端 (78个项目)">移动端</a> <a href="/tag/cunchu.html" class="tag-cloud-link" title="存储 (74个项目)">存储</a> <a href="/tag/guzhang.html" class="tag-cloud-link" title="故障 (67个项目)">故障</a> <a href="/tag/bijibon.html" class="tag-cloud-link" title="笔记本 (64个项目)">笔记本</a> <a href="/tag/jiage.html" class="tag-cloud-link" title="价格 (61个项目)">价格</a> <a href="/tag/sitemap.html" class="tag-cloud-link" title="sitemap (60个项目)">sitemap</a> <a href="/tag/lingdongbiaoqian.html" class="tag-cloud-link" title="灵动标签 (54个项目)">灵动标签</a> <a href="/tag/lanping.html" class="tag-cloud-link" title="蓝屏 (51个项目)">蓝屏</a> <a href="/tag/wangzhanditu.html" class="tag-cloud-link" title="网站地图 (50个项目)">网站地图</a> <a href="/tag/dedecmsjiaocheng.html" class="tag-cloud-link" title="dedecms教程 (42个项目)">dedecms教程</a> <a href="/tag/paixing.html" class="tag-cloud-link" title="排行 (39个项目)">排行</a> <a href="/tag/kehuduan.html" class="tag-cloud-link" title="客户端 (28个项目)">客户端</a> <a href="/tag/xiaochengxu.html" class="tag-cloud-link" title="小程序 (25个项目)">小程序</a> <a href="/tag/zizhujianzhan.html" class="tag-cloud-link" title="自助建站 (22个项目)">自助建站</a> <a href="/tag/request.html" class="tag-cloud-link" title="request (19个项目)">request</a> <a href="/tag/shoujiduan.html" class="tag-cloud-link" title="手机端 (19个项目)">手机端</a> <a href="/tag/HTML5.html" class="tag-cloud-link" title="HTML5 (17个项目)">HTML5</a> </div> </div> </aside> </div> </div> <div class="clear"></div> <footer id="colophon" class="site-footer container"> <div id="site-bottom" class="clear"> <div class="menu-botom-container"> <ul id="footer-menu" class="footer-nav"> <li><a href="https://www.1cn.cc/zixun/" target="_blank">资讯</a> </li><li><a href="https://www.1cn.cc/zhineng/" target="_blank">智能</a> </li><li><a href="https://www.1cn.cc/chuangye/" target="_blank">创业</a> </li><li><a href="https://www.1cn.cc/biancheng/" target="_blank">编程</a> </li><li><a href="https://www.1cn.cc/xiazai/" target="_blank">下载</a> </li><li><a href="https://www.1cn.cc/fwq/" target="_blank">服务器</a> </li><li><a href="https://www.1cn.cc/yunying/" target="_blank">运营</a> </li><li><a href="https://www.1cn.cc/jianzhan/" target="_blank">建站</a> </li><li><a href="https://www.1cn.cc/diannao/" target="_blank">电脑</a> </li><li><a href="https://www.1cn.cc/shouji/" target="_blank">手机</a> </li><li><a href="https://www.1cn.cc/yule/" target="_blank">娱乐</a> </li><li><a href="https://www.1cn.cc/cc/" target="_blank">储存</a> </li><li><a href="https://www.1cn.cc/dd/" target="_blank">待定</a> </li> </ul> </div> <div class="site-info"> © 2022 <a href="https://www.1cn.cc/">1号站长-站长学院|资讯交流平台</a> - <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({id: "JiLN6KXc4tiqOcQr",ck: "JiLN6KXc4tiqOcQr",autoTrack:true,hashMode:true})</script>-- - <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({id: "JiLN6KXc4tiqOcQr",ck: "JiLN6KXc4tiqOcQr",autoTrack:true,hashMode:true})</script>统计代码<a href="https://www.1cn.cc/sitemap/news_1.xml"><font color="#0000FF">百度地图</font></a>.<a href="https://www.1cn.cc/sitemap/news_2.xml"><font color="#0000FF">sitemap</font></a> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?344031d17476ebc7ab3a7975ded42d83"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> </div> </footer> </div> <div class="bottom-right"> <div class="icon-contact tooltip"> <span class="icon-link"> <span class="icon"><i class="fa fa-phone"></i></span> <span class="text">联系我们</span> </span> <div class="left-space"> <div class="left"> <div class="contact-info"> <h3>联系我们</h3> <strong>0898-88888888</strong> <p>在线咨询: <a href="http://wpa.qq.com/msgrd?v=3&uin=123456789&site=qq&menu=yes" target="_blank"><img src="https://www.1cn.cc/skin/ecms312/images/qqchat.gif" alt="QQ交谈"/></a></p> <p>邮箱: email@wangzhan.com</p> <p>工作时间:周一至周五,9:00-17:30,节假日休息</p> </div> <i></i></div> </div> </div> <div class="icon-weixin tooltip"> <span class="icon-link"> <span class="icon"><i class="fa fa-wechat"></i></span> <span class="text">关注微信</span> </span> <div class="left-space"> <div class="left"> <img src="https://www.1cn.cc/skin/ecms312/images/weixin-qrcode.png" alt="微信扫一扫关注我们"/> <h3>微信扫一扫关注我们</h3> <i></i></div> </div> </div> <div class="icon-weibo"> <a href="https://weibo.com/" target="_blank"> <span class="icon"><i class="fa fa-weibo"></i></span> <span class="text">关注微博</span> </a></div> <div id="back-top"> <a href="#top" title="返回顶部"> <span class="icon"><i class="fa fa-chevron-up"></i></span> <span class="text">返回顶部</span> </a></div> </div> <script type="text/javascript"> jQuery(document).ready(function() { jQuery('.sidebar').theiaStickySidebar({ // Settings additionalMarginTop: 30 }); }); </script> <script>// Get the modal var modal = document.getElementById('myModal'); // Get the button that opens the modal var btn = document.getElementById("myBtn"); // Get the <span> element that closes the modal var span = document.getElementsByClassName("close")[0]; // When the user clicks the button, open the modal btn.onclick = function() { modal.style.display = "block"; } // When the user clicks on <span> (x), close the modal span.onclick = function() { modal.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } }</script> <script>(function($){ //create closure so we can safely use $ as alias for jQuery $(document).ready(function(){ "use strict"; $(window).resize(function() { }); }); })(jQuery);</script> <script defer src="https://www.1cn.cc/skin/ecms312/js/main.js"></script> </body> </html>