1

J'ai développé une page similaire au mur facebook qui ont une liste de messages dans Angular (SPA). Chaque message a une URL unique pour atteindre exactement ce poste. Je suis nouveau à ouvrir des méta-tags de graphique. J'ai inséré des métatags dans l'étiquette principale.Open Metatags Graph pour chaque URL au lieu de la page

<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"/> 

Les balises meta sont communes pour chaque poste, comment attribuer des balises meta pour chaque URL (post)?

Merci d'avance !!

Répondre

1

Je l'ai mis en œuvre comme par sugeré dans cette blog

  1. J'ai construit une page jsp non publique, un minimum avec tous les tags og nécessaires. Les tags OG ont été générés après la base de données de requête, ils sont donc dynamiques.

     <!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. J'ai construit un module de détection à l'aide de chenilles UrlRewrite Tuckey, si son utilisateur j'afficher la page normale alors que si son robot une page non jsp publique apparaît.

    <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>