1. Tudásbázis
  2. Modulok használata
  3. Metatag beállítási probléma (kép megjelenítés)

Metatag beállítási probléma (kép megjelenítés)

Beküldte vikicica22 - 2023. február 16. 13.52
vikicica22 képe

Sziasztok!

Hol tudom beállítani és mit kell oda beírni a metatag modulban, hogy a drupal oldalamnak a kezdőlapját ha valaki nézi a Google keresőben akkor ott legyen pl. az oldal logója vagy egy fotó (bélyegkép) a rövid leírás mellet.

Mint pl.: a képen is látható példánál

Példa kép

Esetleg van valami szabály a képre pl.: a méretére csak xy lehet vagy a kiterjesztése csak xy lehet. Próbáltam ezekre rákeresni de nem volt találat a Googléban nekem :(

Ebben a kettő dologban kérem a segítségeteket.

Drupal verzió: 
9.x
Fórum: 
Modulok használata
HF leon képe

Beküldte HF leon - 2023. február 18. 13.10

Open Graph protocol

  1.  
  2. 	<meta property="og:title" content="Page title" />
  3. 	<meta property="og:description" content="Page description" />
  4. 	<meta property="og:site_name" content="Site name" />
  5. 	<meta property="og:url" content="https://site.com/" />
  6. 	<meta property="og:locale" content="hu_HU" />
  7. <meta property="og:image" content="https://site.com/content-logo.png" />
  8. <meta property="og:image:type" content="image/png" />
  9. 	<meta property="og:type" content="website" />
  10.  

Az általad említett lap Wiki oldala szintén a fenti megoldást használja:
  1.  
  2. <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/4/44/H%C3%B3dmez%C5%91v%C3%A1s%C3%A1rh_.jpg/1200px-H%C3%B3dmez%C5%91v%C3%A1s%C3%A1rh_.jpg"/>
  3. <meta property="og:image:width" content="1200"/>
  4. <meta property="og:image:height" content="960"/>
  5. <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/4/44/H%C3%B3dmez%C5%91v%C3%A1s%C3%A1rh_.jpg/800px-H%C3%B3dmez%C5%91v%C3%A1s%C3%A1rh_.jpg"/>
  6. <meta property="og:image:width" content="800"/>
  7. <meta property="og:image:height" content="640"/>
  8. <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/4/44/H%C3%B3dmez%C5%91v%C3%A1s%C3%A1rh_.jpg/640px-H%C3%B3dmez%C5%91v%C3%A1s%C3%A1rh_.jpg"/>
  9. <meta property="og:image:width" content="640"/>
  10. <meta property="og:image:height" content="512"/>
  11. <meta name="viewport" content="width=1000"/>
  12. <meta property="og:title" content="Hódmezővásárhely – Wikipédia"/>
  13. <meta property="og:type" content="website"/>
  14.  

https://ogp.me/
Alább nézzük az általad említett lapot, ahol a Schema.org mikroadat modelljének json megoldását alkalmazták.
  1.  
  2. <script type="application/ld+json">
  3. {
  4.     "@context": "https://schema.org",
  5.     "@graph": [
  6.         {
  7.             "@type": "WebPage",
  8.             "@id": "https://hodmezovasarhely.hu/",
  9.             "url": "https://hodmezovasarhely.hu/",
  10.             "name": "Főoldal - Hódmezővásárhely",
  11.             "isPartOf": {
  12.                 "@id": "https://hodmezovasarhely.hu/#website"
  13.             },
  14.             "about": {
  15.                 "@id": "https://hodmezovasarhely.hu/#organization"
  16.             },
  17.             "datePublished": "2021-07-10T08:20:14+00:00",
  18.             "dateModified": "2023-01-26T06:46:09+00:00",
  19.             "breadcrumb": {
  20.                 "@id": "https://hodmezovasarhely.hu/#breadcrumb"
  21.             },
  22.             "inLanguage": "hu",
  23.             "potentialAction": [
  24.                 {
  25.                     "@type": "ReadAction",
  26.                     "target": [
  27.                         "https://hodmezovasarhely.hu/"
  28.                     ]
  29.                 }
  30.             ]
  31.         },
  32.         {
  33.             "@type": "BreadcrumbList",
  34.             "@id": "https://hodmezovasarhely.hu/#breadcrumb",
  35.             "itemListElement": [
  36.                 {
  37.                     "@type": "ListItem",
  38.                     "position": 1,
  39.                     "name": "Kezdőlap"
  40.                 }
  41.             ]
  42.         },
  43.         {
  44.             "@type": "WebSite",
  45.             "@id": "https://hodmezovasarhely.hu/#website",
  46.             "url": "https://hodmezovasarhely.hu/",
  47.             "name": "Hódmezővásárhely",
  48.             "description": "Generációk jövője az Alföldön",
  49.             "publisher": {
  50.                 "@id": "https://hodmezovasarhely.hu/#organization"
  51.             },
  52.             "potentialAction": [
  53.                 {
  54.                     "@type": "SearchAction",
  55.                     "target": {
  56.                         "@type": "EntryPoint",
  57.                         "urlTemplate": "https://hodmezovasarhely.hu/?s={search_term_string}"
  58.                     },
  59.                     "query-input": "required name=search_term_string"
  60.                 }
  61.             ],
  62.             "inLanguage": "hu"
  63.         },
  64.         {
  65.             "@type": "Organization",
  66.             "@id": "https://hodmezovasarhely.hu/#organization",
  67.             "name": "Hódmezővásárhely",
  68.             "url": "https://hodmezovasarhely.hu/",
  69.             "logo": {
  70.                 "@type": "ImageObject",
  71.                 "inLanguage": "hu",
  72.                 "@id": "https://hodmezovasarhely.hu/#/schema/logo/image/",
  73.                 "url": "https://hodmezovasarhely.hu/wp-content/uploads/2021/07/HodmezovasarhelyLogo3.png",
  74.                 "contentUrl": "https://hodmezovasarhely.hu/wp-content/uploads/2021/07/HodmezovasarhelyLogo3.png",
  75.                 "width": 250,
  76.                 "height": 181,
  77.                 "caption": "Hódmezővásárhely"
  78.             },
  79.             "image": {
  80.                 "@id": "https://hodmezovasarhely.hu/#/schema/logo/image/"
  81.             },
  82.             "sameAs": [
  83.                 "https://www.facebook.com/vasarhelyiexpress"
  84.             ]
  85.         }
  86.     ]
  87. }
  88. </script>
  89.  

https://schema.org/

A metatag modulhoz pedig itt egy cikk:
https://www.drupal.org/docs/contributed-modules/metatag/frequently-asked-questions-problems/howto-use-images-in-metatag

0
0