1

Ich habe eine Seite ähnlich Facebook Wand, die Liste der Post in Angular (SPA) haben entwickelt. Jeder Beitrag hat eine eigene URL, um genau zu diesem Beitrag zu gelangen. Ich bin neu, um Graphmetatags zu öffnen. Ich habe Metatags in Head-Tags eingefügt.Open Graph Metatags für jede URL statt Seite

<meta property="og:url" content="#####"/> 
    <meta property="og:type" content="website"/> 
    <meta property="og:title" content="####"/> 
    <meta property="og:description" 
      content="######"/> 
    <meta property="og:image" content="/images/####.png"/> 

Die Meta-Tags für jeden Beitrag üblich sind, wie Meta-Tags für jede URL (post) zuweisen?

Vielen Dank im Voraus!

Antwort

1

Ich habe es umgesetzt als je in diesem blog vorgeschlagen

  1. I notwendig, eine nicht-öffentliche, minimal jsp Seite mit allen og Tags gebaut. OG-Tags wurden nach der Abfragedatenbank generiert und sind daher dynamisch.

     <!doctype html> 
          <html lang="en"> 
    
    
           <head> 
            <sql:query dataSource="jdbc/localMysql" var="result"> 
             ---- Query ------- 
            </sql:query> 
            <c:forEach var="row" items="${result.rows}"> 
             <meta property="og:type" content="website" /> 
             <meta name= "twitter:card" content="summary" /> 
             <meta name= "twitter:site" content="@#####" /> 
             <meta property="og:title" content='<c:out value=" ${row.######} "/>' /> 
             <meta name="og:description" content='<c:out value=" ${Jsoup.parse(row.######).text()} "/>' /> 
             <meta name="twitter:card" content='<c:out value=" ${Jsoup.parse(row.######).text()} "/>' /> 
             <c:if test="${not empty row.#####}"> 
              <meta property="og:image" content='/UserImages/<c:out value=" ${fn:trim(row.####)} "/>' /> 
              <meta name= "twitter:card" content="summary_large_image" /> 
             </c:if> 
            </c:forEach> 
           </head> 
    
           <body> 
    
           </body> 
    
          </html> 
    
  2. ich einen Crawler Detektionsmodul mit Tuckey UrlRewrite aufgebaut haben, wenn sein Benutzer ich normale Seite zeigen, während, wenn seine Crawler eine nicht öffentliche jsp Seite gezeigt.

    <rule> 
        <condition name="user-agent" next="or">facebookexternalhit/* 
    </condition> 
        <condition name="user-agent" next="or">Facebot</condition> 
        <condition name="user-agent">Twitterbot/*</condition> 
        <from>/wall/*</from> 
        <set name="postUrl">$1</set> 
        <to>/crawler-index.jsp</to> 
    </rule> 
    <rule> 
        <from>/wall/*</from> 
        <to>/index.jsp</to> 
    </rule>