怎么让百度搜索结果中显示网站的Logo

首先,你需要申请百度站长平台。注册并登录。

1.

登录上了之后,点击左上角的“站点管理”。然后选择“添加网站”,如果你已经有了站长工具并且验证了网站的话,请直接跳到第4步。

怎么让百度搜索结果中显示网站的Logo






2.

输入你网站的地址,并进入验证网站所有的步骤。百度提供了3种方法验证。

1. 文件验证:下载百度为你生成的验证文件并上传到网站的根目录下。

2. HTML标签验证:将一段验证代码添加到您的网站首页HTML代码的<head>标签与</head>标签之间

3. CNAME验证:将 xxxxxxx.你的域名.com 使用CNAME解析到zz.baidu.com

怎么让百度搜索结果中显示网站的Logo









3.

完成验证之后。回到站点管理,选择你的网站,并在右边的“管理站点”的下拉菜单里选择“站点属性设置”。

怎么让百度搜索结果中显示网站的Logo



4.

这时候,你可以看到有个站点Logo的选项。PC站可提交121*75尺寸的图片

图片通过审核后将用于搜索结果页,但不保证所有上传图片均能采用。

注意:如果你的上传Logo的“提交”按钮为灰色不可点,说明你的网站优质度不高,而优质度不高站点会将该权限禁用,请站点继续提升站点质量。

怎么让百度搜索结果中显示网站的Logo











5.

点击“提交”。会弹出一个对话框,让你上传对应尺寸的图片。注意,图片大小要小于200KB,格式的话,JPG/JPEG/PNG/GIF 都可以。上传好图片之后,点击“下一步”。等待审核。

本文就到此结束了。百度会根据你网站的质量来选择是否显示Logo

怎么让百度搜索结果中显示网站的Logo










注意:

以下摘自百度:我们要先强调一下上传图片尺寸,PC端为121*75(备注:尺寸修改于2016年1月15日,之前应该分别为121*75、75*75),移动端为200*200(备注:2016年1月15日新加移动LOGO尺寸)——请站点务必遵守此规则,在实际审核工作中,我们发现很多站点不按尺寸提交,这将直接影响站点的申请进度


### 回答1: 好的,以下是用HTML和CSS编写的百度页面的示例代码: HTML代码: ``` <!DOCTYPE html> <html> <head> <title>百度</title> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <a href="#" id="logo"> <img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="百度logo"> </a> <form action="#" id="search-form"> <input type="text" name="search" placeholder="请输入搜索内容"> <button type="submit">百度一下</button> </form> <nav> <ul> <li><a href="#">新闻</a></li> <li><a href="#">hao123</a></li> <li><a href="#">地图</a></li> <li><a href="#">视频</a></li> <li><a href="#">贴吧</a></li> <li><a href="#">更多</a></li> </ul> </nav> </header> <main> <!-- 这里是主要内容区域,可以根据需要添加 --> </main> <footer> <p>©2023 Baidu</p> </footer> </body> </html> ``` CSS代码: ``` body { margin: 0; padding: 0; font-family: Arial, sans-serif; background-color: #f5f5f5; } header { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); padding: 20px; display: flex; align-items: center; justify-content: space-between; } #logo { display: block; width: 80px; height: 32px; } #search-form { display: flex; flex: 1; margin: 0 20px; } #search-form input[type="text"] { flex: 1; padding: 10px; border: none; border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } #search-form button { padding: 10px 20px; background-color: #3385ff; color: #fff; border: none; border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); cursor: pointer; } nav ul { display: flex; list-style: none; } nav li { margin-right: 20px; } nav a { color: #333; text-decoration: none; } main { max-width: 1200px; margin: 20px auto; padding: 0 20px; } footer { background-color: #f5f5f5; padding: 20px; text-align: center; font-size: 14px; color: #999; } ``` 以上代码可以创建一个类似于百度的页面,包含顶部导航栏、搜索框、底部版权信息等。当然,这只是一个基本的示例,实际上百 ### 回答2: 要用HTML和CSS来写一个简单的百度网页,需要考虑以下几个方面。 首先,我们需要使用HTML来构建整个页面的结构。可以使用HTML的各种标签来创建网页的标题、导航栏、搜索框、按钮和底部等基本元素。可以使用<div>、<header>、<nav>、<form>、<button>、<footer>等标签。 其次,需要使用CSS来为网页添加样式和布局。可以使用CSS选择器来选择不同的元素,并为它们添加特定的样式。可以使用颜色、字体、边框、背景等属性来设计页面的外观。可以使用布局属性(如flexbox或grid)来控制元素的位置和大小。 然后,在搜索添加一个提交按钮,并使用JavaScript编写一个事件处理函数。当用户在搜索输入关键词并点击提交按钮时,该函数将获取输入的关键词并将其作为参数传递给百度搜索引擎。百度搜索引擎将返回与关键词相关的搜索结果,然后我们可以通过JavaScript将结果显示在页面上。 最后,可以使用CSS和JavaScript来为页面添加交互效果,例如当鼠标悬停在链接上时改变链接的颜色、当点击按钮时显示加载动画等。 综上所述,在HTML和CSS的基础上,通过添加JavaScript和合适的事件处理函数,可以实现一个简单的百度网页。这个网页将具有搜索框、按钮和搜索结果的展示,用户可以在搜索输入关键词并点击按钮来进行搜索
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值