许多网站,包括这个网站,添加了显然被称为slugs的东西 - 描述性的,但据我可以说无用的文本 - 到URL的末尾.
例如,网站为此问题提供的URL是:
https://stackoverflow.com/questions/47427/why-do-some-websites-add-slugs-to-the-end-of-urls
但是以下URL也可以正常工作:
https://stackoverflow.com/questions/47427/
本文的重点是以某种方式使URL更加用户友好或是否还有其他一些好处?
在制作Wordpress博客时,我总是偶然发现这个(相当简单的问题).我应该将标题(也应该是一个链接)包装在一个锚<a>元素中,或者应该是另一种方式.为什么?
(1):
<a href="foo">
<h1>bar</h1>
</a>
Run Code Online (Sandbox Code Playgroud)
(2):
<h1>
<a href="foo">bar</a>
</h1>
Run Code Online (Sandbox Code Playgroud)
我总是最终做(1),因为它对我来说似乎更合乎逻辑,标题包含在一个链接中.
它在SEO方面有什么不同吗?有最好的做法吗?
很多人一直在说,使用pushState而不是hashbang.
我不明白的是,如果不使用hashbang,你将如何成为搜索引擎友好的?
据推测,您的pushState内容是由客户端JavaScript代码生成的.
因此情况如下:
我在example.com.我的用户点击了一个链接:href="example.com/blog"
pushState捕获单击,更新URL,从某处获取JSON文件,并在内容区域中创建博客文章列表.
使用hashbangs,google知道转到escaped_fragment网址以获取其静态内容.
使用pushState,Google只会看到任何内容,因为它无法使用JavaScript代码加载JSON并随后创建模板.
我能看到的唯一方法是在服务器端渲染模板,但这完全否定了将应用程序层推送到客户端的好处.
所以我说得对,pushState对客户端应用程序来说根本不是SEO友好的吗?
以下哪一项是构建页面的正确方法:
1)h1仅限于header
<header>
<h1>Site title</h1>
<nav>...</nav>
</header>
<section>
<h2>Page title</h2>
</section>
Run Code Online (Sandbox Code Playgroud)
如果我仅使用h1内部header作为网站的标题,则每个页面都将具有相同的h1标记内容.这似乎没有很多信息.
2)h1in header和section,用于站点和页面标题
<header>
<h1>Site title</h1>
<nav>...</nav>
</header>
<section>
<h1>Page title</h1>
</section>
Run Code Online (Sandbox Code Playgroud)
我也看过h1两次header和section标签中使用不止一次的例子.但是,同一页面有两个标题是不是错了?此示例显示了多个标题和h1标记http://orderedlist.com/resources/html-css/structural-tags-in-html5/
3)h1仅在section,强调页面标题
<header>
<p>Site title</p>
<nav>...</nav>
</header>
<section>
<h1>Page title</h1>
</section>
Run Code Online (Sandbox Code Playgroud)
最后,W3似乎建议h1在主section元素中使用,这是否意味着我不应该在header元素中使用它?
章节可能包含任何等级的标题,但强烈建议作者仅使用h1元素,或者使用适当等级的元素作为该部分的嵌套级别.
我想谷歌忽略这样的网址:
http://www.mydomain.com/new-printers?dir=asc&order=price&p=3
所有具有参数dir,order和price的url都应该被忽略但我没有使用Robots.txt的经验.
任何的想法?
我最近阅读了很多关于"友好网址"的讨论(包括在本网站和其他地方),但我不确定究竟是什么让网址"友好",为什么我们真正关心(直到某一点) .插图:
以下是大多数当前Web开发人员称为"友好"的URL示例:
www.myblog.com/posts/123/this-is-the-name-of-my-blog-post
虽然这将被视为"不友好"(即坏,尼安德特人,无知,愚蠢):
www.myblog.com/posts.aspx?id=123
我的问题:
<title>标签和内容的用途吗?我之前说过"达到一定程度",因为很明显,网址可能会失控.以下是来自Amazon.com的实际网址,我认为他们认为没有人会认为"友好":
我很好奇将JSON-LD应用到schema.org网站的最佳实践.
如果我有一个页面,Article我也想WebSite在我的页面上定义,我会这样:
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"url": "http://www.example.com/",
"potentialAction": {
"@type": "SearchAction",
"target": "http://www.example.com/search?&q={query}",
"query-input": "required"
}
}
</script>
<!- … -->
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Article",
"author": "John Doe",
"interactionCount": [
"UserTweets:1203",
"UserComments:78"
],
"name": "How to Tie a Reef Knot"
}
</script>
Run Code Online (Sandbox Code Playgroud)
这是对还是错?是否有任何好处或需要将它们合并到相同的脚本或项目数组中?
我有一个页面,index.php其中包含3个Bootstrap选项卡,对于每个选项卡,我在用户点击它之后生成其内容.
例如:
这是好方法吗?当谷歌索引包含所有这些标签的页面时,Google是否也会看到所有数据?由于性能问题,我不想一次性提取所有数据.
这是我的示例代码,所以请告诉我这是否是一个好方法:
index.php 文件:
<!DOCTYPE html>
<html>
<head>
<title>Tabs demo</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#home">Home</a></li>
<li><a data-toggle="tab" href="#menu1">Menu 1</a></li>
<li><a data-toggle="tab" href="#menu2">Menu 2</a></li>
</ul>
<div class="tab-content">
<div id="home" class="tab-pane fade in active">
<h3>HOME</h3>
<p>Some content.</p>
</div>
<div id="menu1" class="tab-pane fade">
<?php $model = [
0 => ['title' => 'First item', 'content' => 'Some first content'],
1 => ['title' …Run Code Online (Sandbox Code Playgroud) 我正在开发一个ASP应用程序,代码,模板和文件的组织方式不允许我改变body标签之外的任何内容.所以我在考虑在体内插入元标记 - 就像这样:
<!-- FEW ASP INCLUDES -->
<html>
<head>
<!-- FALLBACK TITLE AND DESCRIPTION -->
<title>Default Title</title>
<meta name="description" content="Default Description">
</head>
<body>
<!-- SOME HTML MARKUP -->
<div class="dynamic-content">
<!-- InstanceBeginEditable name="dynamic-content" -->
<!-- THIS IS WHERE I CAN WRITE ASP CODE -->
<title><%= Page.Meta.GetTitle( yada, yada ) %></title>
<meta name="description" content="<%= Page.Meta.GetDescription( yada, yada ) %>">
<!-- InstanceEndEditable -->
</div>
<!-- SOME MORE HTML MARKUP -->
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我想知道将meta标签放在HTML文档的正文中有多好.它如何影响:
seo ×10
html ×4
friendly-url ×2
html5 ×2
javascript ×2
meta-tags ×2
semantics ×2
asp-classic ×1
browser ×1
hashbang ×1
hyperlink ×1
json-ld ×1
pushstate ×1
robots.txt ×1
schema.org ×1
search ×1
slug ×1
tabs ×1
templates ×1
url ×1