Merhaba, arama motorları sitenizi kaynak koduna göre değerlendirmez. Google seo makalelerini araştırabilirseniz detaylıca bir içerik yazılmış durumda. Arama motorları öncelikle sitenizdeki javascriptleri yükler ardından çalıştırır ve tüm işlemler bitince analiz eder. İnnerhtml yerine appendchild ile eklemeniz yeterli. Back end kullanmadığınız sürece kaynak koduna müdahale etmeniz maalesef mümkün değil.
https://developers.google.com/search...ipt-seo-basics
Googlebot, bir HTTP isteğinde bulunarak tarama sırasından bir URL getirdiğinde öncelikle taramaya izin verip vermediğinizi kontrol eder.
Bazı JavaScript siteleri, ilk HTML'nin asıl içeriği barındırmadığı uygulama kabuğu modelini kullanabilir ve Googlebot'un, JavaScript'in oluşturduğu asıl sayfa içeriğini görebilmesi için önce JavaScript'i yürütmesi gerekir.

Googlebot’un kaynakları izin verdiğinde, bir gözetimsiz Chromium sayfayı oluşturur ve JavaScript’i yürütür. Googlebot, oluşturulan HTML’yi bağlantılar için tekrar ayrıştırır ve bulduğu URL’leri taramak üzere sıraya alır. Googlebot, oluşturulan HTML'yi sayfanın dizine eklenmesi için de kullanır.
Googlebot, daha sonra HTML bağlantılarının href özelliğindeki diğer URL’lerin yanıtlarını ayrıştırır ve URL’leri tarama sırasına ekler. Bağlantının keşfedilmesini engellemek için nofollow mekanizmasını kullanın.
Şu an ilerlediğiniz şekliyle hiçbir sorun çıkmayacaktır.