网站优化中标签的使用有哪些原则?

鸣龙 鸣龙 关注 LV.0 普通会员
发表于SEO学习版块

在网站优化中,标签的使用有以下几个重要原则:1. 关键词的合理运用:在标题标签(Title)、描述标签(Description)和关键词标签(Keywords)中合理地使用关键词是至关重要的。这些标签

在网站优化中,标签的使用有以下几个重要原则:

1. 关键词的合理运用:在标题标签(Title)、描述标签(Description)和关键词标签(Keywords)中合理地使用关键词是至关重要的。这些标签不仅要包含目标关键词,还要确保关键词的分布符合搜索引擎的要求,以提高页面在搜索引擎中的排名。

2. 语义化标签的使用:合理使用HTML标签的语义化可以提高网站的可读性和可访问性,从而助力SEO优化。例如,使用

等头部标签来结构化页面内容,使其更容易被搜索引擎理解和索引。

3. 避免过度优化:不要在页面上使用过多的标签,这可能会导致页面权重分散,影响SEO效果。合理的标签使用可以提升页面的SEO效果,但过度使用则可能适得其反。

4. 页面结构的清晰性:确保每个页面的结构清晰,合理使用</span>、<span style="color:#1865ea;"><h1></span>、<span style="color:#1865ea;"><h2></span>、<span style="color:#1865ea;"><h3></span>等标签来明确页面的主题和层次。一个页面通常只需要出现一对<span style="color:#1865ea;"><h1></span>标签,且最好包含关键词。</p><p></p><p>5. 与页面内容的一致性:任何标题或描述都必须与页面内容直接对应。这不仅能提升用户体验,还能帮助搜索引擎更准确地理解页面内容,从而提高排名。</p><p></p><p>6. 避免重复和混淆:确保每个页面的标题、描述和关键词都不重复,并且各自独立且相关。这有助于提升页面的独特性和相关性,从而提高SEO效果。</p><p></p><p>7. 技术SEO的实施:除了内容优化外,还需要关注技术SEO,如使用HTTPS、提交站点图到搜索引擎、合理使用noindex和canonical标签等,这些都有助于提升网站的技术性能和SEO效果。</p><p></p><p>通过遵循以上原则,可以有效地优化网站标签,提升网站在搜索引擎中的排名,吸引更多的用户访问。</p><p></p><p><h3> 如何根据不同类型的网站选择合适的关键词进行SEO优化?</h3></p><p>根据不同类型的网站选择合适的关键词进行SEO优化是一个复杂且多层次的过程。以下是详细的步骤和建议:</p><p></p><p>1. 了解关键词类型:</p><p> - 短尾关键词:通常包含较少的词语,竞争较大,但流量较高。</p><p> - 长尾关键词:包含更多词语,竞争较小,但流量较低。</p><p> - 新鲜的关键词:这些关键词可能还没有被广泛使用,但具有很大的增长潜力。</p><p> - 常青关键词:这些关键词长期以来一直保持其相关性和搜索量。</p><p></p><p>2. 分析目标受众:</p><p> - 通过市场调研、竞品分析等方式了解目标受众的需求和搜索习惯。这包括他们在搜索时使用的关键字、搜索意图以及他们对产品或服务的兴趣点。</p><p></p><p>3. 选择合适的关键词类型:</p><p> - 导航类关键词:用户使用这些关键词来找到特定网站或页面的位置。</p><p> - 信息类关键词:用户使用这些关键词来获取某个主题或问题的详细信息。</p><p> - 商业类关键词:用户使用这些关键词来寻找购买相关产品或服务的信息。</p><p> - 交易类关键词:用户使用这些关键词来进行在线购买或交易。</p><p></p><p>4. 分类关键词:</p><p> - 核心词:与网站的主要业务直接相关的关键词。</p><p> - 需求词:用户可能会频繁搜索但不一定与网站直接相关的关键词。</p><p> - 品牌词:与品牌名称相关的关键词。</p><p></p><p>5. 挖掘和分类关键词:</p><p> - 产品词:直接描述产品特性的关键词。</p><p> - 知识性词:用户可能会搜索以了解某个领域或主题的基本知识。</p><p> - 问答词:用户可能会用来提问的关键词。</p><p> - 评价词:用户可能会用来评价某个产品或服务的关键词。</p><p> - 属性词:描述产品属性的关键词,如“蓝色”、“大屏”等。</p><p></p><p>6. 利用工具和报告:</p><p> - 利用Google Search Console的“效果”报告来发现已经排名的关键词,并帮助你发现那些有大量展示但未被充分利用的关键词。</p><p> - 使用专业的SEO工具如Ahrefs、SEMrush等来进行深入的关键词研究和竞争分析。</p><p></p><p>7. 优化关键词策略:</p><p> - 根据关键词的类型和目标受众的需求,制定相应的内容策略。例如,对于信息类关键词,可以创建详细的博客文章;对于导航类关键词,可以优化网站结构和内部链接。</p><p></p><p>8. 持续监控和调整:</p><p> - 定期检查关键词的表现,根据数据反馈调整关键词策略。注意关键词的搜索量、竞争度以及转化率的变化,并及时调整以提高SEO效果。</p><p></p><p></p><p></p><p><h3> HTML标签语义化在提高网站可读性和可访问性方面的最佳实践是什么?</h3></p><p>HTML标签语义化在提高网站可读性和可访问性方面的最佳实践包括以下几个方面:</p><p></p><p>1. 使用语义化标签:语义化的HTML标签能够清晰地描述页面内容,帮助搜索引擎更好地理解和索引页面内容,从而提高网站的SEO效果。例如,使用<span style="color:#1865ea;"><header></span>、<span style="color:#1865ea;"><footer></span>、<span style="color:#1865ea;"><nav></span>、<span style="color:#1865ea;"><article></span>、<span style="color:#1865ea;"><section></span>等标签来明确表示页面的不同部分。</p><p></p><p>2. 避免滥用无语义标签:尽量减少对<span style="color:#1865ea;"><div></span>和<span style="color:#1865ea;"><span></span>等无语义标签的依赖,这些标签虽然灵活,但缺乏明确的语义描述,不利于搜索引擎优化和屏幕阅读器的使用。</p><p></p><p>3. 添加适当的属性:为HTML元素添加适当的属性,如<span style="color:#1865ea;">alt</span>属性用于图片描述,可以提高页面的可访问性,使得视觉障碍者也能通过屏幕阅读器获取信息。</p><p></p><p>4. 合理布局和排版:通过合理的排版和布局、使用易读的字体、简洁的句子和段落、有吸引力的标题和副标题、有序和无序列表、合适的字体颜色和背景色等方法,可以使网站模板的文字更易于阅读和理解。</p><p></p><p>5. 提供清晰的导航:良好的导航结构可以帮助用户快速找到他们需要的信息,同时也有助于搜索引擎抓取和索引页面内容。</p><p></p><p>6. 优化文本密度:合理配置文本密度,避免过多或过少的文本堆砌,可以提供一个清晰、舒适和有吸引力的阅读环境,从而吸引并留住更多的用户。</p><p></p><p>7. 分块内容:将内容分成小块,每个段落有一个主题句和一个中心思想,这样可以使文章更加清晰易懂,减少读者的阅读负担。</p><p></p><p></p><p></p><p><h3> 在SEO中,如何平衡页面结构清晰性与关键词使用以避免过度优化?</h3></p><p>在SEO中,平衡页面结构清晰性与关键词使用以避免过度优化是一个复杂但至关重要的任务。以下是一些详细的建议和技巧:</p><p></p><p> 用户体验是SEO的核心。确保网站设计统一、连贯、分割、对比及和谐,这样可以提升用户的浏览体验。一个清晰的页面结构不仅有助于用户导航,还能提高网站的整体质量,从而提升搜索引擎的排名。</p><p></p><p> 避免“堆积”使用关键词,即不要在页面上无意义地堆砌关键词。关键词的选择应具备两个特点:一是与企业的产品或服务相关,二是具有较高的搜索量和较低的竞争度。通过使用关键词研究工具,如Google AdWords Keyword Planner,可以找到合适的关键词。</p><p></p><p> 优化关键字密度是搜索引擎优化的重要组成部分,但必须谨慎操作,以避免过度堆砌,造成不自然的用户体验。关键词的采用和突出关键词的研究和选择是搜索引擎中至关重要的一步。</p><p></p><p> 提高网站质量和内容质量是避免过度优化的关键。为用户提供价值,并将质量放在首位,这样可以自然地融入关键词,而不是为了排名而堆砌关键词。</p><p></p><p> 使用白帽SEO技术,如网站结构优化,可以有效避免过度优化。例如,确保网站的导航清晰,页面加载速度快,移动端响应良好等,都有助于提升用户体验和搜索引擎排名。</p><p></p><p> 外部链接的质量和数量也会影响网站的SEO表现。避免使用无意义或低质量的链接,这样可以减少被搜索引擎惩罚的风险。</p><p></p><p> 通过了解搜索引擎的工作原理、确定目标关键字、提高页面质量、避免使用黑帽SEO技术等方法,可以避免过度优化,并为网站长期发展打下坚实的基础。</p><p></p><p>平衡页面结构清晰性与关键词使用需要综合考虑用户体验、关键词选择、页面质量、外部链接质量等多个方面。</p><p></p><p><h3> 如何确保网站标题、描述和关键词的独特性和相关性?</h3></p><p>要确保网站标题、描述和关键词的独特性和相关性,可以采取以下几个步骤:</p><p></p><p>1. 关键词研究:首先,进行详细的关键词研究,选择与网站内容高度相关且具有较高搜索量的关键词。这可以通过使用谷歌关键字规划工具或其他类似工具来实现。</p><p></p><p>2. 确保独特性:每个页面的标题都应具有独特性,避免重复。不同的页面如果使用相同的标题,会造成资源浪费并降低用户体验。同时,确保标题在结构上与其他网页的标题不同,以提高其独特性和可识别性。</p><p></p><p>3. 优化关键词布局:在标题中合理地布局关键词,使其既能反映页面内容,又能吸引目标用户。关键词应简洁、准确,并尽量包含在标题的前半部分。</p><p></p><p>4. 保持相关性:标题应清晰地描述网页的主要内容,确保其与页面内容高度相关。这不仅有助于提升用户体验,也有助于搜索引擎更好地理解和索引网站内容。</p><p></p><p>5. 测试和调整:不断测试不同的标题版本,并根据网站流量和排名的变化来调整。观察哪些类型的标题更能吸引访问者并提升SEO效果,从而优化标题策略。</p><p></p><p>6. 定期更新:定期更新网站标题,以保持其新鲜感和吸引力。这有助于维持网站的活跃度并可能影响搜索引擎对网站的评价。</p><p></p><p>7. 强调独特价值:在标题中突出网站的独特卖点或优势,这样可以让用户一看到标题就感受到网站的独特性,从而增加点击率。</p><p></p><p></p><p></p><p><h3> 技术SEO中,HTTPS、站点图提交、noindex和canonical标签的具体作用及其对SEO优化的影响是什么?</h3></p><p>在技术SEO中,HTTPS、站点图提交、noindex和canonical标签各自有着重要的作用,并对SEO优化产生显著影响。</p><p></p><p>1. HTTPS:</p><p> - 定义与作用:HTTPS(安全超文本传输协议)是网站数据传输的加密方式,能够保护用户数据不被窃取或篡改。它通过SSL证书实现数据的安全传输。</p><p> - 对SEO的影响:HTTPS被Google等主流搜索引擎作为排名因素之一。自2014年起,Google将HTTPS视为一个轻量级的排名信号,但随着时间的推移,这一信号的影响力逐渐增大。HTTPS网站通常会获得更高的搜索结果展示优先权,从而提升网站的可见性和用户信任度。</p><p></p><p>2. 站点图提交:</p><p> - 定义与作用:站点图是一种用于描述网站内容的图像文件,常用于搜索引擎结果页(SERP)中的站点快照功能。站点图可以帮助搜索引擎更好地理解网站内容,提升用户体验。</p><p> - 对SEO的影响:虽然本次我搜索到的资料中没有直接提到站点图提交的具体影响,但一般来说,高质量的站点图可以提高网站在搜索引擎中的可见性和吸引力,从而间接提升SEO效果。</p><p></p><p>3. noindex标签:</p><p> - 定义与作用:noindex标签是一种HTML标签,用于告诉搜索引擎某些页面不希望被索引和收录到搜索结果中。这通常用于避免重复内容或临时页面被搜索引擎收录的情况。</p><p> - 对SEO的影响:使用noindex标签可以有效避免重复内容问题,减少搜索引擎对网站的负面评价,从而提升网站整体的SEO效果。</p><p></p><p>4. canonical标签:</p><p></p><p> - 对SEO的影响:canonical标签可以帮助搜索引擎识别并聚焦于权威的页面,避免因重复内容问题导致的惩罚。通过集中权重,可以提升目标页面的SEO效果,最终达到优化网站结构和排名的目的。</p><p></p><p>HTTPS、站点图提交、noindex和canonical标签在技术SEO中各有其独特的作用和影响。</p></div> <div class="article--copyright"><p><b>文章说明:</b> </p> <p> </p> <p>本文原创发布于探乎站长论坛,未经许可,禁止转载。</p> <p>题图来自Unsplash,基于<a href="https://www.8hi.com.cn/read-41036-1.html">CC0协议</a>。</p> <p>该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。</p> </div> <div class="v8-read-footer"> <div class="v8-read-footer-left"> <a href="javascript:;" title="已被阅读次数"> <i class="fa fa-fw fa-eye"></i> <span>108</span> </a> <a class="v8-diangezan" href="javascript:;" title="点个赞" data-id="69994" data-type="read"> <i class="fa fa-thumbs-o-up"></i> <span>9</span> </a> <a href="javascript:;" title="收藏" onclick="Interactive('addcollect',$_URI['ID'],this)"> <i class="fa fa-star"></i> <span>收藏文章</span> </a> <span></span> </div> <div class="v8-hide-md"></div> <span>2024-06-12 22:01</span> </div> </div> </div> <div class="comment"> <div class="v8-read-reply-list"> <div class="v8-read-reply-title"> <span> <span>评论列表</span> <a data-desc="0" title="正序" onclick="window.location.href='read-69994-1.html?desc=0'" rel="noreferrer"> <i class="fa fa-fw fa-sort-numeric-asc"></i> </a> </span> <a href="javascript:;" id="showReplyboxBtn"> <i class="fa fa-edit"></i> <span>评论</span> </a> </div> <div class="v8-read-reply-content"> <div id="v8-replylistbox" class="v8-reply-list"> </div> <div class="v8-read-reply-footer"> <div class="v8-list-null"></div> </div> </div> </div> </div> </div> <!--RIGTH--> <div class="v8-container-right v8-read-right-auto"> <div class="zz_box"> <div class="pk-row"> <div class="pk-w-sm-2"><img style="width:38px;height:38px;" src="" alt="SEO学习" onerror="this.src='/template/v8/img/forum.png';this.onerror=''"></div> <div class="pk-w-sm-10"><div style="font-size:19px;line-height: 38px;font-weight: 500;"><a href="/list-3-1.html">SEO学习</a></div></div> </div> <div class="zz_box1"> SEO还是有用的现在大部分平台想要获得流量,还是得需要SEO的参与</div> <div class="zz_box1"> <div class="pk-row"> <div class="pk-w-sm-3 dd1"> <a href="/index.php?c=edit&type=read&sortid=3" rel="noreferrer"> <img style="background-color: #f7e2dd;" src="/template/v8/img/read/topic.png"> <p>发帖</p> </a> </div> <div class="pk-w-sm-3 dd1"> <a href=""> <img style="background-color:#d7f1f1;" src="/template/v8/img/read/me.png"> <p>与我相关</p> </a> </div> <div class="pk-w-sm-3 dd1"> <a href="/app-puyuetian_taskcenter-index.html"> <img style="background-color:#fdf2ce;" src="/template/v8/img/read/task.png"> <p>我的任务</p> </a> </div> <div class="pk-w-sm-3 dd1"> <a> <img style="background-color:rgba(226,235,255,.6);" src="/template/v8/img/read/share.png"> <p>分享</p> </a> </div> </div> </div> <div class="gly"> <div>社区管理员:</div> <div style="text-align: center;"> <img width="68px" src="/template/v8/img/read/kr.png"> <p style="font-size: 12px;">暂无管理员</p> </div> </div> </div> <div class="zz_box"> <button class="pk-btn pk-btn-primary pk-btn-block" id="showReplyboxBtn1"><i class="fa fa-edit"></i>评论一个</button> </div> <div class="zz_box zz_sj"> <span style="font-weight: 700;">节点最新文章:</span> <ul> <li><a href="/read-70092-1.html">关键词展现受限是什么原因导致的?</a></li> <li><a href="/read-70088-1.html">大量删除过期信息对权重有影响吗?</a></li> <li><a href="/read-70087-1.html">seo怎么发布外链增加外链数量?</a></li> <li><a href="/read-70086-1.html">影响网站百度蜘蛛抓取量的因素有哪些?</a></li> <li><a href="/read-70085-1.html">网站总是胡乱跳转无常怎么回事?</a></li> <li><a href="/read-70083-1.html">网站更换IP会对收录有什么影响?</a></li> <li><a href="/read-70081-1.html">网站被其它域名恶意指向了怎么办?</a></li> <li><a href="/read-70080-1.html">企业站怎么维护起来提高排名?</a></li> <li><a href="/read-70079-1.html">百度流量保护提示怎么关?</a></li> <li><a href="/read-70078-1.html">企业站优化分为哪两个方向呢?</a></li> <li><a href="/read-70077-1.html">如何提升网站的用户体验高点?</a></li> <li><a href="/read-70076-1.html">关键词密度太高后如何控制比较好?</a></li> <li><a href="/read-70073-1.html">被降权的链接还能接着做吗?</a></li> <li><a href="/read-70050-1.html">二级域名与主域名可以是一个网站吗?</a></li> <li><a href="/read-70049-1.html">什么样的文章百度收录排名就很高?</a></li> </ul> </div> </div> <!--RIGTH--> </div> <template id="replyTemplate"> <div class="v8-reply"> <div class="v8-reply-author"> <a class="v8-reply-author-username" href="javascript:;"> <img src="userhead/0.png" alt="" /> <span>我</span> </a> </div> <div class="v8-reply-content replycontent">${content}</div> <div class="v8-reply-footer"> <span class="pk-text-danger">刚刚</span> </div> </div> </template> <div class="v8-read-postbox-bg"></div> <div class="pk-hadsky v8-read-postbox"> <div class="v8-center-right-head-navbar pk-text-truncate pk-hide-md"> <img class="back" src="template/v8/img/center/back.png" alt="" onclick="$('.v8-read-postbox-bg').trigger('click')" /> <span class="title">发布评论</span> </div> <i class="fa fa-times-circle-o v8-hide-sm" onclick="$('.v8-read-postbox-bg').trigger('click')"></i> <form name="form_post" method="post" action="index.php?c=post&type=reply&return=json"> <input type="hidden" name="rid" value="69994" /> <div class="pk-row pk-margin-bottom-15 pk-hide-sm"> <div class="pk-w-sm-12 pk-padding-0"> <p class="pk-text-truncate"> <span>评论:</span> <span>网站优化中标签的使用有哪些原则?</span> </p> </div> </div> <div class="pk-row pk-margin-bottom-15"> <div class="pk-w-sm-12 pk-padding-0"> <a name="postreplyposition"></a> <textarea id="container" class="pk-textarea pk-radius-4" name="content" style="height:200px"></textarea> </div> </div> <div style="max-width:240px"> </div> <div class="pk-row pk-margin-bottom-15"> <div class="pk-w-sm-12 pk-padding-0"> <button id="postreplysubmitbtn" type="button" class="pk-btn"> <span>发布评论</span> </button> </div> </div> </form> </div> <div class="v8-read-page-loading"></div></div><!--页脚--> <div class="v8-footer"> <div class="pk-row"> <div class="pk-w-sm-5"> <div class="zz_box3"> <span>探乎站长论坛: 8hi.com.cn</span> <p>学习交流创造 ∞ 知识连接未来</p> <p>每一位新手站长都是行业未来的希望,一个行业只有不断注入新材才能有长久发展,才能有让人眼前一亮的创作,本平台聚合了大量建站经验贴子,前后端开发教程,学习后就可以把自己的想法,用代码勾勒出来,每个行业从来都不缺人才,只是缺一个人才成长的地方,你感觉自己可以,那就在这里努力学上3个月,再去浏览过去的网页,会有不一样的想法,加油,后浪们~</p> <p>内存占用21.6MB</p> </div> </div> <div class="pk-w-sm-5"> <div class="zz_box3 zz_wjz"> <div class="pk-row"> <div class="pk-w-sm-4"> <h2>关于我们</h2> <ul> <li><a href="https://www.8hi.com.cn/read-499-1.html">发帖规范</a></li> <li><a href="https://www.8hi.com.cn/read-2094-1.html">关于道亮</a></li> <li><a href="https://www.8hi.com.cn/app/puyuetian_sitemap/sitemaps/sitemap_1.xml">网址地图</a></li> </ul> </div> <div class="pk-w-sm-4"> <h2>优秀功能</h2> <ul> <li><a href="https://www.8hi.com.cn/forum-1461.html">自由节点</a></li> <li><a href="https://www.8hi.com.cn/app_yiliang_daohang.html">探乎导航</a></li> <li><a href="https://www.8hi.com.cn/html-cwc.html">查长尾词</a></li> <li><a href="https://www.8hi.com.cn/app_yiliang_zhanzhanggongju.html">综合工具</a></li> <li><a href="https://www.8hi.com.cn/html-chalishi.html">域名历史</a></li> <li><a href="https://www.8hi.com.cn/xingyu.html">星旅穿梭</a></li> <li><a href="/topic-music.html" rel="noreferrer">探乎听歌房</a></li> </ul> </div> <div class="pk-w-sm-4"> <h2>节点推荐</h2> <ul> <li><a href="https://www.8hi.com.cn/list-5-1.html">站长百科</a></li> <li><a href="https://www.8hi.com.cn/list-11-1.html">前端学习</a></li> <li><a href="https://www.8hi.com.cn/list-3-1.html">seo学习</a></li> <li><a href="https://www.8hi.com.cn/list-1668-1.html">种草程序</a></li> <li><a href="https://www.8hi.com.cn/list-492-1.html">宝塔面板</a></li> </ul> </div> </div> </div> </div> <div class="pk-w-sm-2"> <div class="zz_box0"> <strong>60000+</strong> <h3>精彩好文等你来</h3> </div> </div> </div> <div class="zz_fgx"></div> <div class="zz_zfooter"> <p>探乎站长论坛创建于2023年10月8日,本站内容均为会员发表,并不代表探乎站长论坛立场!</p> <p>© 2023 - 2024 <a href="https://www.8hi.com.cn/">探乎站长论坛</a> <a target="_blank" href="http://beian.miit.gov.cn" rel="noreferrer" class="pk-hide-sm">粤ICP备18120620号</a></p> </div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?ac6a42db38cff3f84da185655329bd79"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> $(window).scroll(function() { var distanceToBottom = $(document).height() - ($(window).height() + $(window).scrollTop()); if (distanceToBottom < 200) { $(".v8-list-forum-list").fadeOut("slow"); }else{ $(".v8-list-forum-list").fadeIn("slow"); } }); </script> <link rel="stylesheet" href="/app/puyuetianeditor/template/css/PytEditor.css" /> <script id="PytEditorScript" data-pc="var PytConfig = 'Html,Bold,Italic,Underline,Emotion,Image,Code,Removemarks';" data-phone="var PytConfig = 'Emotion,Image,Code,Unlink';" data-config=""> var PytEditorPhoneEasypostread = Cnum("0"); var PytEditorPhoneEasypostreply = Cnum("1"); var PytEditorPCEasypostread = Cnum("0"); var PytEditorPCEasypostreply = Cnum("0"); if ($(window).width() > 1000) { eval($('#PytEditorScript').data('pc')); var PytEditorHeight = Cnum("600px"); } else { eval($('#PytEditorScript').data('phone')); var PytEditorHeight = Cnum("200px"); } </script> <script src="/app/puyuetianeditor/template/js/PytEditor.js"></script> <script src="/app/puyuetianeditor/template/js/PytEditorInit.js"></script> <script id="hadskyCloudServerScriptObject"> // hs7以后统一默认云服务站点为cn国内节点 $(function(){ $.getScript("https://v7.cn.cloudserver.hadsky.com/www.8hi.com.cn.js", function(response, status) { if(status != "success") { console.log('云服务加载失败:status = ' + status); } }); }); </script><link href="app/puyuetian_codebox/template/css/css.css" rel="stylesheet" /> <script src="app/puyuetian_codebox/template/js/js.js"></script> <script> $(function () { _puyuetian_codebox({ selector: '.readcontent pre,.readcontent code', theme: "green", copy: parseInt("1"), edit: parseInt("0") }); }); </script><script>$(function(){$(".app_puyuetian_gjwzzdcjbk_wz").html("未知")});</script><script> function app_puyuetian_contentpartpay_look(me) { var id = me.attr('href').replace(/\#/g, ''); $.getJSON('index.php', { c: 'app', a: 'puyuetian_contentpartpay', s: 'get', id }, function(rd) { if (rd['state'] != 'ok') { ppp({ icon: 2, content: rd['msg'] }); return false; } if (!rd['datas']['needpay']) { var _look = function() { me.parent().after([ '<div style="', me.parent().attr('style'), '">', rd['datas']['content'], '</div>' ].join('')).remove(); } if (rd['datas']['canedit']) { ppp({ type: 1, icon: 3, content: "查看信息还是编辑信息?", complete: function(_id) { $('#pkpopup_' + _id).find('.pk-popup-submit').html('编辑'); $('#pkpopup_' + _id).find('.pk-popup-cancel').html('查看'); }, submit: function(_id) { app_puyuetian_contentpartpay_edit(id, rd['datas']['tiandou']); }, cancel: function() { _look(); } }); } else { _look(); } return true; } ppp({ type: 1, content: "阅读该内容需要支付" + rd['datas']['tiandou'] + $_SET['TIANDOUNAME'] + ',确认支付吗?', icon: 3, submit: function() { $.getJSON('index.php', { c: 'app', a: 'puyuetian_contentpartpay', s: 'pay', id }, function(rd) { if (rd['state'] != 'ok') { if (rd['msg'].indexOf('充值') > -1 && typeof(HadSkyCloudPay) != "undefined") { rd['msg'] = rd['msg'].replace( /充值/g, '<a class="pk-text-danger pk-hover-underline" href="javascript:;" onclick="AliOrWeixin_CloudPay()">充值</a>' ); } ppp({ icon: 2, content: rd['msg'] }); return false; } ppp({ type: 3, icon: 1, content: '购买成功' }); me.click(); }); } }); }); } $(function() { setInterval(function() { $('.app_puyuetian_contentpartpay_paybtn:not(._loaded)').addClass('_loaded').on( 'click', function() { app_puyuetian_contentpartpay_look($(this)); return false; } ); }, 200); }); </script> <style> .zz_i{ display: none; position: fixed; height: 128px; width: 350px; border-radius: 8px; padding: 12px; z-index: 999; box-shadow: 0.3rem 0.3rem 0.6rem #c8d0e7, -0.2rem -0.2rem 0.5rem #fff; } #yhz{ color: red; } .zz_i .pk-row .pk-w-sm-10 h3{ color: #333; display: contents; } .zz_i .pk-row .pk-w-sm-10 #id{ float: right; margin-top: -6px; } .zz_i .pk-row .pk-w-sm-10 p{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .card_gender_0{ background: #efefef url(/app/yiliang_i/template/img/nosexbg.png) no-repeat bottom right; } .card_gender_1{ background: #bbebf9 url(/app/yiliang_i/template/img/g.png) no-repeat bottom right; } .card_gender_2{ background: #fce0df url(/app/yiliang_i/template/img/s.png) no-repeat bottom right; } </style> <script> //.v8-read-author-username,.a-p-l-style a,.v8-reply-author-username,.v8-list-read-user a[href*=\"center\"] $(".v8-read-author-username,.a-p-l-style a,.v8-reply-author-username,.v8-list-read-user a[href*=\"center\"]").hover( function() { var xy = $(this)[0].getBoundingClientRect(); console.log(xy.left); console.log(xy.top); $('.zz_i').css("display", "block"); $('.zz_i').css("top",(xy.top-30)); $('.zz_i').css("left",(xy.left-60)); var nr = $(this).attr('href'); var id = nr.substring(nr.indexOf('-')+1,nr.indexOf('.')); $.getJSON("/index.php?c=app&a=yiliang_i:xx&id="+id,function(data){ if(data.xb == 'b'){ //s 是保密 b是男 g是女 $('.zz_i').addClass("card_gender_1"); }else if(data.xb == 'g'){ $('.zz_i').addClass("card_gender_2"); }else{ $('.zz_i').addClass("card_gender_0"); } if(data.yhz == '2'){ $('.zz_i .pk-row .pk-w-sm-10 #yhz').text('VIP'); } $('.zz_i .pk-row .pk-w-sm-10 h3').html('<a href="/center-'+data.id+'.html">'+data.name+'</a>'); $('.zz_i .pk-row .pk-w-sm-10 #id').text('ID:'+data.id); $('.zz_i .pk-row .pk-w-sm-10 p').text('签名 : '+data.sign); $('#fs').text(data.fss); $('#sc').text(data.sc); $('#gz').text(data.gz); $(".zz_i div div img").attr("src", "/userhead/"+data.id+".png"); }); }, function() { $(".zz_i").hover( function() {}, function() { $('.zz_i').css("display", "none"); $('.zz_i').html(`<div class="pk-row" style="border-bottom: 2px dashed #CDCDCD;margin-bottom: 8px;padding-bottom: 16px;"> <div class="pk-w-sm-2"><img width="54px" height="54px" style="background:#999;padding:2px;" src="/template/v8/img/mnavicon/0.png"></div> <div class="pk-w-sm-10"><h3></h3><span id="yhz"></span><span id="id"></span><p></p></div> </div> <div class="pk-row" style="text-align: center;"> <div class="pk-w-sm-3"> <p>粉丝</p> <p id="fs">0</p> </div> <div class="pk-w-sm-3"> <p>关注</p> <p id="gz">0</p> </div> <div class="pk-w-sm-3"> <p>收藏</p> <p id="sc">0</p> </div> </div>`); //$(this).removeClass("hover"); } ); } ); </script> <div class="zz_i"> <div class="pk-row" style="border-bottom: 2px dashed #CDCDCD;margin-bottom: 8px;padding-bottom: 16px;"> <div class="pk-w-sm-2"><img width="54px" height="54px" style="background:#999;padding:2px;" src="/template/v8/img/mnavicon/0.png"></div> <div class="pk-w-sm-10"><h3></h3><span id="yhz"></span><span id="id"></span><p></p></div> </div> <div class="pk-row" style="text-align: center;"> <div class="pk-w-sm-3"> <p>粉丝</p> <p id="fs">0</p> </div> <div class="pk-w-sm-3"> <p>关注</p> <p id="gz">0</p> </div> <div class="pk-w-sm-3"> <p>收藏</p> <p id="sc">0</p> </div> </div> </div><div id="a-p-d-dsbtn" class="pk-hide"> <div class="pk-hover-opacity" style="width:36px;height:36px;line-height:33px;background-color:#F0AF53;color:#fff;font-weight:bold;text-align:center;border-radius:50%;margin:0 auto;cursor:pointer" title="写得不错哦,打赏一下~" onclick="a_p_d_btn()">赏</div> <div style="font-size:10px;padding-top:5px;color:#777;text-align:center;">已有<span>0</span>次打赏</div> </div> <div id="a-p-d-dsdiv" class="pk-hide"> <div class="pk-row" style="border-left:solid 4px #F08080;background-color:#FAFAD2;max-height:360px;overflow-y:auto;"></div> </div> <script> function a_p_d_btn() { ppp({ type: 2, nomove: 1, noclose: 1, title: "打赏金钱", content: "10", submit: function (id, v) { v = parseInt(v) || 0; if (!v) { ppp({ icon: 2, type: 3, content: '打赏数量有误' }); return false; } a_p_d_ds(); pkpopup.close(id); }, complete: function (id) { $('#pkpopup_' + id).find('.pk-popup-input').attr({ placeholder: '正数,不可为0', type: 'number', id: 'a-p-d-dssl', min: 1 }); } }); } function a_p_d_ds() { var dssl = parseInt($('#a-p-d-dssl').val()) || 0; if (dssl < 1) { $('#a-p-d-dssl').val('').focus(); return false; } $.getJSON('index.php', { c: 'app', a: 'puyuetian_dashangdoudou', s: 'dashang', rid: "69994", dsdd: dssl, chkcsrfval: $_USER['CHKCSRFVAL'] }, function (data) { if (data['state'] != 'ok') { ppp({ type: 3, icon: 2, content: data['msg'] }); return false; } ppp({ icon: 1, type: 3, content: data['msg'], close: function () { location.reload(); } }); }); } $(function () { var a_p_d_groupids = "".split(',') || '', a_p_d_uids = "".split(',') || ''; if (a_p_d_groupids.indexOf($_USER['GROUPID']) > -1 || a_p_d_uids.indexOf($_USER['ID']) > -1 || (a_p_d_groupids == '' && a_p_d_uids == '')) { $('.readcontent:eq(0)').append('<div id="a-p-d-dsbtn2" style="padding-top:17px;text-align:center">' + $('#a-p-d-dsbtn').html() + '</div>'); } if ($('#a-p-d-dsdiv>div:eq(0)').html()) { $('.readcontent:eq(0)').append('<div id="a-p-d-dsdiv2" style="padding-top:17px">' + $('#a-p-d-dsdiv').html() + '</div>'); } $('#a-p-d-dsbtn,#a-p-d-dsdiv').remove(); }); </script> </body> </html> <!-- runtime:0.20917s -->