Як выкарыстоўваць Yoast SEO мета-тэгі на статычных і слабых сайтах

  1. Стварэнне карыстацкай старонкі HTML у Wordpres
  2. 1. Мінімальны шаблон
  3. 2: стандартны шаблон
  4. Парады і лепшыя практыкі
  5. Важнасць дадзеных Open Graph

Зразумела, што хатняя старонка служыць розным мэтам. Сярод іншага, гэта Ваша старонка і галоўнае кіраўніцтва для вашага сайта. Я абяцаю прысвяціць яшчэ адзін пост. Аднак ёсць адна мэта, у якой я адчуваю, што хатняя старонка не мае, і гэта ацэнка ключавых слоў, акрамя вашай фірменнай маркі. У нас было некалькі пытанняў па электроннай пошце, таму пра гэта думаюць пэўныя вэб-майстры або ўладальнікі сайтаў. Пытанне: ці павінны яны?

Стварэнне карыстацкай старонкі HTML у Wordpres

Часам нам трэба дадаваць у WordPress нейкі іншы стыль старонкі, таму нам патрэбна старонка HTML у іншым стылі на сайце WordPress. Як вы можаце зрабіць Спачатку трэба перайсці да Cpanel - > Public_html -> wp-content -> themes -> (тэчка yourtheme) і стварыць новую старонку як anyname.php

Пасля стварэння гэтай старонкі адкрыйце гэтую старонку як рэдактар ​​кода, каб мы маглі напісаць нейкі код над кодам. Вы таксама можаце ўставіць уласную распрацоўку дызайну на старонку, каб старонка атрымала сапраўдны дызайн.

У гэтай радку атрымаецца ваша статычная старонка прыстасаваныя старонкі ў WordPress Затым перайдзіце да

Старонкі -> Дадаць новы . Пасля выбару новай старонкі, з жыцця вы ўбачыце атрыбуты старонкі (шаблоны) Выберыце старонку. Цяпер Вярніцеся да Cpanel і адкрыйце старонку .php і дадайце наступны радок пасля <head>. Гэта аўтаматычна падабаецца Yoast SEO код у статычны HTML старонка, калі вы ўводзіце Апісанне ў вобласці Плагін. затым адкрыйце старонку і націсніце CTRL + U, каб праглядзець крыніцу старонкі і ўбачыць яе

<meta name = "description" content = "<? php echo get_post_meta (get_the_ID (), '_yoast_wpseo_metadesc', праўда);?>" />

Усё зроблена. Вы таксама можаце выкарыстоўваць некаторыя прыстасаваныя мета-тэгі для паляпшэння большай колькасці статычных старонак WordPress. выкарыстоўваючы наступныя коды мета-тэгі.

1. Мінімальны шаблон

Гэта схуднелая назад версія працуе худы і хутка. Ён змяшчае мінімум дадзеных для аптымізаванага абмену праз Twitter, Facebook, Google+ і Pinterest .

Тэгі загалоўкаў і мета-апісання ўключаны, нягледзячы на ​​тое, што яны тэхнічна не з'яўляюцца мета-тэгі сацыяльнымі медыя. Гэта таму, што яны могуць выкарыстоўвацца Google+ і іншымі сацыяльнымі медыя-платформамі, і гэта лепшая практыка ўключаць іх на кожную старонку, якую вы публікуеце.

<! - Размясціце гэтыя дадзеныя паміж тэгамі <head> вашага сайта -> <title> Загаловак старонкі. Максімальная даўжыня 60-70 знакаў </title> <meta name = "description" content = "Апісанне старонкі. Не больш за 155 знакаў." /> <meta name = "twitter: card" value = "summary"> <meta property = "og: title" content = "Title Here" /> <meta property = "og: type" content = "article" /> <meta property = "og: url" content = "http://www.example.com/" /> <meta property = "og: image" content = "http://example.com/image.jpg" / > <meta property = "og: description" content = "Description Here" />

2: стандартны шаблон

Стандартны шаблон ўяўляе сабой больш надзейную рэалізацыю сацыяльныя тэгі і прызначаны для працы на ўсіх платформах. У дадатак да ўсіх функцый вышэйшага шаблону стандартны шаблон уключае ў сябе наступнае:

  • Асноўны Зводка карт Twitter
  • Twitter мініяцюрнае малюнак
  • Facebook Page Insights
<! - Размясціце гэтыя дадзеныя паміж тэгамі <head> вашага сайта -> <title> Загаловак старонкі. Максімальная даўжыня 60-70 знакаў </title> <meta name = "description" content = "description Не больш за 155 знакаў." /> <! - Дадзеныя карты Twitter -> <meta name = "twitter: card" content = "summary"> <meta name = "twitter: site" content = "@ publisher_handle"> <meta name = "twitter: title "content =" Page Title "> <meta name =" twitter: description "content =" апісанне менш за 200 сімвалаў "> <meta name =" twitter: стваральнік "content =" @ author_handle "> <- Зводная карта Twitter выявы павінны быць не менш за 120x120px -> <meta name = "twitter: image" content = "http://www.example.com/image.jpg"> <! - Адкрытыя дадзеныя графіка -> <meta property = "og: title" content = "Title Here" /> <meta property = "og: type" content = "article" /> <meta property = "og: url" content = "http://www.example.com / "/> <meta property =" og: image "content =" http://example.com/image.jpg "/> <meta property =" og: description "content =" Description Here "/> <meta property = "og: site_name" content = "Назва сайта, т. е. Moz" /> <meta property = "fb: admins" content = "numeric ID Facebook" />

Парады і лепшыя практыкі

Аптымізацыя для малюнкаў

Выява, з якім вы спасылаецеся ў сацыяльных дадзеных, на самой справе не павінна быць на старонцы, але ён павінен добра прадстаўляць ваш кантэнт. Малюнак дазваляе кантраляваць тое, што бачаць людзі, калі яны дзеляцца сваім зместам, таму важна выкарыстоўваць якасныя выявы.

У кожнай сацыяльнай платформы ёсць розныя стандарты. Як правіла, прасцей захоўваць яго простым і выбраць адзін памер выявы, які будзе працаваць для ўсіх службаў.

  • Эскіз Twitter: 120x120px
  • Twitter вялікая выява: 280x150px
  • Facebook: стандарты адрозніваюцца, але малюнак не менш за 200x200px лепш за ўсё працуе. Facebook рэкамендуе буйныя малюнкі да 1200x630px у шырыню.

Карацей кажучы, вялікія малюнкі прапануюць вам найбольшую гнуткасць . Калі вы сумняваецеся, праверце кожную старонку з дапамогай адпаведнага інструмента ніжэй, каб убачыць, як вашы выявы будуць выяўляцца ў фрагментах.

Важнасць дадзеных Open Graph

Калі вы маглі б выбраць толькі адзін тып мета-дадзеных для ўключэння, лепш за ўсё зрабіць гэта Open Graph . Гэта таму, што ўсе платформы могуць выкарыстоўваць яго як рэзервовы рэжым, у тым ліку Twitter у значнай ступені.

Спадзяюся, што гэты трук дапаможа вам зрабіць SEO з HTML-старонкі Custom WordPress.


Пытанне: ці павінны яны?
Php echo get_post_meta (get_the_ID (), '_yoast_wpseo_metadesc', праўда);?