HTML+CSS Facile à démarrer avec les liens d'ancrage

Qu'est-ce qu'un lien d'ancrage

Le lien en HTML, le terme correct doit s'appeler "ancre", qui nomme le lien d'ancrage (également appelé signet liens) sont souvent utilisés sur des pages Web au contenu volumineux et complexe. En cliquant sur l'ancre nommée, nous pouvons non seulement pointer vers le document, mais également vers un paragraphe spécifique de la page. "liaison précise" pour laisser l'objet lien se rapprocher. Il est pratique pour les téléspectateurs de visualiser le contenu de la page Web. C'est similaire aux numéros de page de la table des matières ou aux rappels de chapitre lorsque nous lisons des livres. Les ancres de balises sont la meilleure méthode lorsque vous devez cibler une partie spécifique de la page.

Comment créer un lien d'ancrage

Étape 1 : Créer une ancre nommée

Pour créer une ancre nommée, Dans Dans la vue d'édition de Dreamweaver, placez le curseur à l'endroit où vous souhaitez nommer l'ancre. Sélectionnez la barre d'outils "Insérer un enregistrement" et sélectionnez l'option "Ancre nommée". La boîte de dialogue Ancre nommée apparaît.

Créez une boîte de dialogue d'ancre nommée. Entrez le nom de l'ancre dans la zone de texte "Nom de l'ancre". Généralement, si l'ancre se trouve en haut de la page Web, vous pouvez saisir top ; le nom de l'ancre ne peut pas contenir d'espaces et ne doit pas être placé dans un calque.

Étape 2 : Créer un lien vers l'ancre nommée

Après avoir défini l'ancre, vous pouvez créer un lien vers l'ancre nommée. Sélectionnez le texte ou l'image à partir de laquelle vous souhaitez créer un lien, tel que le texte « Retour en haut ». Entrez « #anchor name » dans la zone de texte « Lien » du panneau de propriétés, par exemple : « #top ». Comme le montre la figure 2.

Après avoir créé le lien vers la page Web enregistrée par l'ancre, appuyez sur F12 pour prévisualiser la page Web. Lorsque le texte du lien (retour en haut) est cliqué dans le navigateur, la page Web accède à la ligne avec l'ancre nommée marquée « top ».

PS : Pour créer un lien vers une ancre nommée "top" dans d'autres documents, le format est : chemin absolu du fichier + nom du fichier #top. Les noms d’ancres sont sensibles à la casse.

Le rôle des liens d'ancrage dans le référencement

Les liens d'ancrage sont un concept très important. L'ajout de liens d'ancrage appropriés aux pages Web augmentera leur importance. de la page Web et de la page Web vers laquelle elle pointe, affectant ainsi le classement des mots clés. L'effet des liens d'ancrage sur le référencement se reflète principalement dans les aspects suivants :

L'effet sur la page où se trouve le lien d'ancrage

Normalement, les liens d'ancrage ajoutés à la page ont une certaine relation avec la page elle-même. Par conséquent, le texte d'ancrage peut être utilisé comme une évaluation du contenu de la page où se trouve le lien d'ancrage. Par exemple : cet article contient un lien vers « SEO », alors cela signifie que cet article a un certain rapport avec le SEO.

Effets sur la page pointée par le lien d'ancrage

Le lien d'ancrage peut décrire avec précision le contenu de la page pointée, par conséquent, le lien d'ancrage peut être utilisé comme une évaluation de la page pointée.

L'impact des liens d'ancrage sur le classement des mots clés

L'importance des liens d'ancrage sur le classement des mots clés est qu'ils permettent aux pages de contenu d'être liées ensemble de manière aléatoire, permettant aux araignées d'explorer plus de pages, le poids peut également être transférés de manière uniforme, tout en améliorant la pertinence de la page et, en fin de compte, en améliorant le classement des mots clés du site Web.

La différence entre les liens d'ancrage et les hyperliens

1. La différence dans le classement des mots clés.

S'il s'agit de la différence de classement des mots-clés. Nous pouvons utiliser des chiffres pour illustrer la différence dans les classements Baidu. Supposons que nous créions un lien avec un texte d'ancrage : par exemple, nous créons le mot-clé « Webmaster Network ». Si ce lien externe est inclus par Baidu. Supposons que le poids donné par Baidu à ce lien soit représenté par des chiffres arabes. Par exemple, s'il est de 5, alors ce lien externe pourra se voir attribuer un classement de 4 pour le mot-clé Webmaster.com, et pourra se voir attribuer un classement de 4 pour d'autres mots-clés de notre site Internet.

2. La différence entre les backlinks

Lorsque nous faisons du référencement, nous prêtons souvent attention aux backlinks de nos propres sites Web. Généralement, tout le monde interroge ses sites Web via les backlinks Yahoo et le domaine Baidu. Si nous créons un lien texte d’ancrage. Demandez à Yahoo de l'inclure, et le lien du texte d'ancrage peut être interrogé via le backlink de Yahoo. Si ce lien est inclus par Baidu, nous ne pouvons pas l'interroger via le domaine Baidu. Si nous créons un lien URL et demandons à Yahoo de l'inclure, nous pouvons l'interroger via le backlink de Yahoo. Si nous demandons à Baidu de l'inclure, nous pouvons également l'interroger via le domaine Baidu. Ainsi : les liens de texte d’ancrage peuvent augmenter le nombre de backlinks Yahoo vers notre site Web. Le nombre de domaines Baidu ne peut pas être augmenté. Les liens URL peuvent augmenter le nombre de backlinks Yahoo vers notre site Web, ainsi que le nombre de domaines Baidu.


Exemple de lien d'ancrage : Faites un exemple de retour en haut, le code est le suivant :

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>锚点链接</title>
</head>
<body>

		<a name="top">我们都一样</a>

		推开窗看见星星  一直守在夜空中<br>
		心中不免多了些暖暖的感动<br>
		一闪一闪的光  努力把黑夜点亮气氛如此安详<br>
		你在我的生命中是那最闪亮的星<br>
		一直在我深夜中守护着我们的梦<br><br>
		这世界那么大我的爱只想要你懂<br>
		陪伴我孤寂旅程<br>
		你知道我的梦你知道我的痛<br>
		你知道我们感受都相同<br>
		就算有再大的风也挡不住勇敢的冲动 <br><br>



		最美的太阳

		我的世界 因为有你才会美<br>
		我的天空 因为有你不会黑<br>
		给我快乐 为我伤心流眼泪<br>
		给我宽容 让我能展翅高飞<br>
		你的话你的泪 你的笑你的美<br>
		在我眼中胜过最美的玫瑰<br>
		抱着梦 往前飞 不逃避 不后退<br>
		你是我成功路上的堡垒<br>
		给我翅膀 让我可以翱翔<br>
		给我力量 是你让我变坚强<br>
		不怕受伤 因为有你在身旁<br>
		你的笑 你的泪 是我筑梦路上最美的太阳<br><br>



		明天过后<br>
		没有星星的夜空<br> 
		没有话题能补充 <br>
		太多承诺从指缝中溜走 <br>
		不敢奢求什么 <br>
		回忆将我们扣留 <br>
		一瞬间亲吻的时候 <br>
		一切就好像轮回般朦胧 <br>
		心动渐渐的失控 <br>
		是否两个人足够捕捉爱的镜头 <br>
		闭上了眼睛记得你的笑容 <br>
		幸福的从容将灵魂都掏空 <br>
		享受一分钟的感动 <br>
		是否爱上一个人不问明天过后 <br>
		山明和水秀不比你有看头 <br>
		牵着你的手,一直走到最后 <br>
		这一刻怎么回头 <br>




		明天过后<br>
		没有星星的夜空<br> 
		没有话题能补充 <br>
		太多承诺从指缝中溜走 <br>
		不敢奢求什么 <br>
		回忆将我们扣留 <br>
		一瞬间亲吻的时候 <br>
		一切就好像轮回般朦胧 <br>
		心动渐渐的失控 <br>
		是否两个人足够捕捉爱的镜头 <br>
		闭上了眼睛记得你的笑容 <br>
		幸福的从容将灵魂都掏空 <br>
		享受一分钟的感动 <br>
		是否爱上一个人不问明天过后 <br>
		山明和水秀不比你有看头 <br>
		牵着你的手,一直走到最后 <br>
		这一刻怎么回头 <br>






		<a href="#top">顶部</a>
</body>
</html>

Quand notre page web a beaucoup de contenu , on continue de regarder vers le bas Page, cliquez pour revenir en haut pour aller directement en tête de page

Formation continue
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>锚点链接</title> </head> <body> <a name="top">我们都一样</a> 推开窗看见星星 一直守在夜空中<br> 心中不免多了些暖暖的感动<br> 一闪一闪的光 努力把黑夜点亮气氛如此安详<br> 你在我的生命中是那最闪亮的星<br> 一直在我深夜中守护着我们的梦<br><br> 这世界那么大我的爱只想要你懂<br> 陪伴我孤寂旅程<br> 你知道我的梦你知道我的痛<br> 你知道我们感受都相同<br> 就算有再大的风也挡不住勇敢的冲动 <br><br> 最美的太阳 我的世界 因为有你才会美<br> 我的天空 因为有你不会黑<br> 给我快乐 为我伤心流眼泪<br> 给我宽容 让我能展翅高飞<br> 你的话你的泪 你的笑你的美<br> 在我眼中胜过最美的玫瑰<br> 抱着梦 往前飞 不逃避 不后退<br> 你是我成功路上的堡垒<br> 给我翅膀 让我可以翱翔<br> 给我力量 是你让我变坚强<br> 不怕受伤 因为有你在身旁<br> 你的笑 你的泪 是我筑梦路上最美的太阳<br><br> 明天过后<br> 没有星星的夜空<br> 没有话题能补充 <br> 太多承诺从指缝中溜走 <br> 不敢奢求什么 <br> 回忆将我们扣留 <br> 一瞬间亲吻的时候 <br> 一切就好像轮回般朦胧 <br> 心动渐渐的失控 <br> 是否两个人足够捕捉爱的镜头 <br> 闭上了眼睛记得你的笑容 <br> 幸福的从容将灵魂都掏空 <br> 享受一分钟的感动 <br> 是否爱上一个人不问明天过后 <br> 山明和水秀不比你有看头 <br> 牵着你的手,一直走到最后 <br> 这一刻怎么回头 <br> 明天过后<br> 没有星星的夜空<br> 没有话题能补充 <br> 太多承诺从指缝中溜走 <br> 不敢奢求什么 <br> 回忆将我们扣留 <br> 一瞬间亲吻的时候 <br> 一切就好像轮回般朦胧 <br> 心动渐渐的失控 <br> 是否两个人足够捕捉爱的镜头 <br> 闭上了眼睛记得你的笑容 <br> 幸福的从容将灵魂都掏空 <br> 享受一分钟的感动 <br> 是否爱上一个人不问明天过后 <br> 山明和水秀不比你有看头 <br> 牵着你的手,一直走到最后 <br> 这一刻怎么回头 <br> <a href="#top">顶部</a> </body> </html>
soumettreRéinitialiser le code
  • Recommandations de cours
  • Téléchargement du didacticiel