web seo 中visibility display

最新推荐文章于 2021-06-03 05:53:23 发布
原创 最新推荐文章于 2021-06-03 05:53:23 发布 · 540 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了SEO优化中H1标签的正确用法，指出应使用visibility:hidden而非display:none来隐藏文本，以确保内容对搜索引擎可见同时不占页面空间。
web seo时候不太了解就会直接写一个
<h1 style="display:none">********</h1>
实际上正确的应该是
<h1 style="visibility:hidden">********</h1>



区别就在于display：none完全不占用存储空间，而seo时候我们更需要的是占用内存空间的  visibility：hidden 仅仅是显示隐藏。



                

        

    

  



    



                



	

		

			

				
					
谷歌SEO专业术语总结完整版（收藏）

				
			

			

				

					SEO_USD的博客
				

				

					05-13
					
					4257
					
				

			

		

		

			
				
SEO和任何行业一样，有自己独特的一套专业术语。在这里按字母排序整理了一些名词解释，希望对你有所帮助。

A

AJAX

Asynchronous JavaScript And XML是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

Algorithm 算法

搜索引擎用来检索数据并处理查询结果的复杂程序。谷歌搜索引擎基于许多排名因素（200+）及多种算法

			
		

	



                

            
              



	

		

			

				
					
WEB开发--HTML（hidden）&CSS（display/visibility）

				
			

			

				

					深度安全实验室
				

				

					12-06
					
					799
					
				

			

		

		

			
				
CSS-示例-折叠菜单（display/visibility）

			
		

	



              


  
              

                


	

		

			

				
					
html隐藏visibility,CSS Visibility(可见性)

				
			

			

				

					weixin_42674361的博客
				

				

					06-03
					
					654
					
				

			

		

		

			
				
CSS Visibility(可见性)Visibility 属性指定元素是可见还是隐藏。指定元素的可见性您可以使用该visibility属性来指定元素是否可见。此属性可以采用下表中列出的以下值之一：值描述visible默认值。该框及其内容是可见的。hidden该框及其内容是不可见的，但仍会影响页面的布局。collapse该值导致整个行或列从显示中删除。此值用于行，行组，列和列组元素。inherit...

			
		

	





	

		

			

				
					
关于css 中的visibility属性

				
			

			

				

					u013803262的专栏
				

				

					01-07
					
					848
					
				

			

		

		

			
				
关于css中的visibility属性  就在于是否对用户可见




代码小实例

"http://www.w3.org/TR/html4/strict.dtd">


    
        
        visibility_test
        
        
        
        
        
            


			
		

	



		

			
		



	

		

			

				
					
探讨SEO与前端：使用display:none对seo的影响

				
			

			

				

					qq_24520459的博客
				

				

					07-17
					
					1808
					
				

			

		

		

			
				
又到了利用碎片学习的时间了，我们来探讨一个困扰很多seo和前端开发人员的小案例：使用display:none对seo的影响。   前端开发工程师在制作html的页面...

			
		

	





	

		

			

				
					
Display:none做SEO隐藏文字可行吗？

				
			

			

				

					
				

				

					06-28
					
					2319
					
				

			

		

		

			
				
文章目录


Display:none是什么
Display:none对SEO的影响
Display:none与visible:hidden的区别
Display:none的其他方法
隐藏文字的其他方法


Display:none是什么

Display:none是CSS代码中在需要隐藏文字时需要用到的代码，当放到网站的页面时，它可以简单的控制内容是否显示。许多大型CMS

			
		

	





	

		

			

				
					
Web页面性能优化及seo

				
			

			

				

					qq_41637792的博客
				

				

					03-09
					
					536
					
				

			

		

		

			
				
Web前端性能优化——如何提高页面加载速度



			
		

	





	

		

			

				
					
css display:none使用注意事项小结

				
			

			

				

					10-30
				

			

		

		

			
				
在Web页面前台编码过程中，CSS属性display: none经常被用来隐藏页面上的元素，以便于构建动态交互效果或是实现页面布局调整。但这个属性的使用需要特别注意几个关键点，以确保不会影响页面的交互性、可访问性以及...

			
		

	





	

		

			

				
					
最常见web前端开发面试题（二）

				
			

			

				

					11-01
				

			

		

		

			
				
在Web前端开发领域，面试中经常涉及到许多核心知识点，包括HTML、CSS和JavaScript的基础以及它们在构建网页时的作用。下面将详细解析这些知识点。  1. **Div+CSS布局的优势**：  - **表现与内容的分离**：使用Div+...

			
		

	





	

		

			

				
					
web前端面试宝典

				
			

			

				

					06-15
				

			

		

		

			
				
### Web前端面试宝典知识点详解  #### 一、HTML和CSS ##### 1. 页面测试过的浏览器及其内核 - **Chrome**: Blink引擎 - **Firefox**: Gecko引擎 - **Safari**: WebKit引擎 - **Edge (旧版)**: EdgeHTML引擎 - **IE**...

			
		

	





	

		

			

				
					
web前端笔试面试

				
			

			

				

					05-15
				

			

		

		

			
				
### Web前端笔试面试知识点详解  #### 一、HTML常见题目详解  **1. Doctype作用？严格模式与混杂模式如何区分？它们有何意义?**  - **Doctype作用**: 它告诉浏览器文档采用哪种HTML标准编写，从而决定浏览器以何种...

			
		

	





	

		

			

				
					
SEO 最佳隐藏文本的办法

				
			

			

				

					zhao_Gq
				

				

					11-03
					
					1836
					
				

			

		

		

			
				
针对 SEO 最佳隐藏文本的办法是：
.seowhy{display: block;height: 0;width: 0;overflow: hidden;}

其次还可以使用 visibility:hidden; 样式，但是它会占据一定的文本流空间。

			
		

	





	

		

			

				
					
Visibility 属性的用法

				
			

			

				

					nihaorz的专栏
				

				

					03-20
					
					2208
					
				

			

		

		

			
				

英语单词visibility：名词，意为能见度；明显性；视程；(常复数)可见物。CSS中的“visibility”属性的作用是规定元素是否可见。
 
Visibility 属性的用法
Visibility 属性共有四个可用的值（visible、hidden、collapse 和inherit），但常用的值是visible 和hidden。
 



值


描述




v...

			
		

	





	

		

			

				
					
使用"Display: None"来隐藏内容是合法的SEO吗？ 

				
			

			

				

					大班的专栏
				

				

					08-20
					
					6977
					
				

			

		

		

			
				
如果你正在优化一个有上千页面的网站，那么你很有可能同一个CMS系统在打交道。但是，CMS系统经常会带来很多搜索引擎优化问题。如果CMS的开发者不熟悉搜索引擎工作原理的话，即使他们本来没有打算欺骗搜索引擎，但最终的结果还是会导致搜索引擎认为被欺骗了。很多大型网站都会用到预载、导航或者根据需要动态显示的内容。实现这些最常用到的技术是使用CSS中的"display: none"。这篇文章将为你详细讲解"display: none"属性。


			
		

	





	

		

			

				
					
display和visibility的用法和区别

				
			

			

				

					weixin_30485291的博客
				

				

					11-30
					
					881
					
				

			

		

		

			
				
display和visibility的用法和区别
更多 2013/11/17 来源：css学习浏览量：892 

学习标签： css display visibility

本文导读：大多数人很容易将CSS属性display和visibility混淆，它们看似没有什么不同，其实它们的差别却是很大的。visibility和display两个属性都有隐藏元素的功能。visibility属性所...

			
		

	





	

		

			

				
					
iframe 优缺点 & visibility=hidden, opacity=0，display:none

				
			

			

				

					from_shanghai的博客
				

				

					08-13
					
					1548
					
				

			

		

		

			
				
iframe是用 <iframe>标签在页面中嵌套其他页面。
优点：
1.只需要修改<iframe>内容，被嵌套的网页内容就可被一致修改，方便
2.可以用iframe嵌套加载缓慢的第三方内容如图标和广告
3.可以把嵌入的网页完整显示出来
缺点：
1.阻塞页面的 onload
2.和 主页面 共享连接池，浏览器对 相同域的 连接有限制，所以 导致 加载缓慢
3.iframe ...

			
		

	





	

		

			

				
					
注意"display:none" 会影响SEO

				
			

			

				

					akulakk's memory stack
				

				

					04-27
					
					5536
					
				

			

		

		

			
				
搜索引擎会采用数据筛选法,正则,神经算法对类似NAV MENU LINK进行过滤,避免SEO作弊.而display:noneDIV很多时候我们又用来做菜单啊,导航之类的,分布于各个页面,如此重要的"数据链"怎么能就白白浪费了呢?解决办法如下: 我想到了2个办法:1.使用.qqgirl{display:none}对搜索引擎进行安抚.但是遇到厉害的角儿,依然会被神经算法挖出来...哭T

			
		

	





	

		

			

				
					
隐藏链接和隐藏文字对seo的影响

				
			

			

				

					我在沈阳
				

				

					01-14
					
					3367
					
				

			

		

		

			
				
隐藏文字与隐藏链接也是我们常见的一种非不符合搜索引擎规则的行为，隐藏文字的话，就是说你的这个文字颜色与我们网页的背景颜色是相同的。
例如：白体白字、黑体黑字，这样的话我们是用肉眼看不见文字的，但是这个文字是确确实实纯在，那搜索引擎会认为你的这个关键词密度会有所提升，还有就是我们用哪个最小号的文字，我们在看的时候，可能只在网页上看到一个小黑点，那这个时候我们是看不见这个文字的，但搜索引擎它却能够看

			
		

	





	

		

			

				
					
Web前端面试宝典：从HTML到CSS的知识全解

				
			

			

				

					
				

			

		

		

			
				
19. 隐藏 DOM 元素：可以使用 display 或 visibility 属性来隐藏 DOM 元素。  七、CSS Hack 和浏览器兼容性  20. 超链接 hover 样式问题：可以使用 CSS 伪类选择器来解决超链接 hover 样式问题。 21. Css Hack：Css ...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  

	
    

      

      

      

        
        

          
          

            

              成就一亿技术人!
            

            

              拼手气红包6.0元
            

          

        

        

          

            还能输入1000个字符
          

          

             
          

          

            

              红包
              添加红包
            

            

              表情包
              插入表情
              

                

              

            

            

              表情包
              代码片
              

                
              

            

            

              
              
              
              
              
              
              
            

          

        

      

    

		

			

			

			

					 条评论被折叠 查看
			

			

				
			

		

	

	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值