aurelia'da SEO öznitelikleri nasıl ayarlanır

Question

İşte sahip olduğum temel sorun. Sosyal paylaşım düğmelerini Aurelia uygulama sayfasına ayarlamak istiyorum.

head title 
[property="og:image"] 
[property="og:description"] 

Aurelia bu işlemek için en iyi yolu nedir: Genel olarak

, üç meta etiketleri nesneleri belirlemek zorunda? Rota nesnesini kullanarak bunu yapmak mümkün mü?

Answer 1

Sadece DOM API kullanarak baş içeriğini değiştiren bir hizmet yazarak bu konuyla uğraştım. Baş içeriğine bir görünüm olarak güzel bir şekilde bağlanmanın bir yolu yoktur. İşte

` içinde yer` sahip olağan niteliklerini benim uygulanması https://gist.github.com/dpix/6f508727b9d03d692d0659eb1776ad85

Answer 2

Rota üzerinde ayarlar özelliğini kullanarak baktınız mı? Bu, belirli bir rota için veri belirtebileceğiniz bir nesnedir, kişisel olarak Aurelia kullanılarak oluşturulan menüler için simgeleri belirtmek için kullanıyorum, ancak her şey için kullanılabilir. Eğer bu yöntem 3 parametre alır activate denilen bir geri arama yöntemi belirleyecek ViewModel

configureRouter(config, router) { 
    config.title = 'Test Route'; 

    config.map([ 
     { 
      route: ['', 'welcome'], 
      name: 'welcome', 
      moduleId: './welcome', 
      title: 'Welcome', 
      settings: { 
       image: '/images/someimage.png', 
       description: 'This is my social share description for this route.' 
      } 
     } 
    ]); 

    this.router = router; 
} 

datalar rota içinde itiraz erişmek için. Birincisi herhangi bir rota parametresidir ve ikincisi mevcut rota için rota nesnesinin kendisidir.

export class MyViewModel { 
    image = null; 
    description = null;  

    activate(params, routeMap) { 
     if (routeMap.settings) { 
      this.image = routeMap.settings.image; 
      this.description = routeMap.settings.description; 
     } 
    } 
} 

Şimdi View, HTML şablonu içinde, bunu yapabilirsiniz:

${image} ve ${description} Mevcut rotada doğrudan alınan sizin ViewModel içinde set yukarıdaki değerler alır.