structured-data-examples/tech-blog.html at master · andmitr/structured-data-examples · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html lang="ru" prefix="og: http://ogp.me/ns#">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>How to Optimize Code Performance - Tech Blog</title>
  <script type=application/ld+json>
    {
      "@context": "https://schema.org",
      "@type": "TechArticle",
      "headline": "How to Optimize Code Performance",
      "description": "A detailed guide with tips to make your code run faster",
      "datePublished": "2025-04-03T10:00:00Z",
      "dateModified": "2025-04-03T12:00:00Z",
      "author": {
        "@type": "Person",
        "name": "John Doe",
        "url": "https://example.com/about"
      },
      "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://example.com/blog/code-optimization"
      },
      "image": {
        "@type": "ImageObject",
        "url": "https://example.com/images/code-opt.jpg",
        "width": 1200,
        "height": 630
      },
      "keywords": "coding, optimization, performance, javascript",
      "proficiencyLevel": "Intermediate",
      "dependencies": "JavaScript, Node.js",
      "articleSection": "Code Optimization Techniques",
      "about": {
        "@type": "Thing",
        "name": "Code Performance"
      },
      "learningResourceType": "Tutorial",
      "inLanguage": "en-US",
      "audience": {
        "@type": "Audience",
        "audienceType": "Developers"
      },
      "genre": "Technical",
      "breadcrumb": {
        "@type": "BreadcrumbList",
        "name": "Main navigation",
        "itemListElement": [
          {
            "@type": "ListItem",
            "position": "1",
            "item": {
              "@id": "https://example.com/index.html",
              "name": "Main page"
            }
          },
          {
            "@type": "ListItem",
            "position": "2",
            "item": {
              "@id": "https://example.com/index.html",
              "name": "Article page"
            }
          }
        ]
      }
    }
  </script>
  <!-- Open Graph Meta Tags -->
  <meta property="og:title" content="How to Optimize Code Performance">
  <meta property="og:description" content="A detailed guide with tips to make your code run faster">
  <meta property="og:url" content="https://example.com/blog/code-optimization">
  <meta property="og:type" content="article">
  <meta property="og:locale" content="ru_RU">
  <meta property="og:image" content="https://example.com/images/code-opt.jpg">
  <meta property="og:site_name" content="Tech Blog">
  <meta property="article:published_time" content="2025-04-03T10:00:00Z">
  <meta property="article:modified_time" content="2025-04-03T12:00:00Z">
  <meta property="article:author" content="https://example.com/about">
  <meta property="article:section" content="Code Optimization Techniques">
  <meta property="article:tag" content="coding">
  <meta property="article:tag" content="optimization">
  <meta property="article:tag" content="performance">
  <meta property="article:tag" content="javascript">
  <!-- Twitter Card Meta Tags -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:site" content="@TechBlog">
  <meta name="twitter:creator" content="@authorTwitter">
  <meta name="twitter:title" content="How to Optimize Code Performance">
  <meta name="twitter:description" content="A detailed guide with tips to make your code run faster">
  <meta name="twitter:image" content="https://example.com/images/code-opt.jpg">
  <meta name="twitter:image:alt" content="Diagram of optimized code">
</head>
<body>
  <!-- Article content -->
</body>
</html>