Roots-FamilyTreeVisualizer/index.html at main · AbdAsh/Roots-FamilyTreeVisualizer · 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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Primary Meta Tags -->
    <title>Roots — Free Online Family Tree Maker | Genealogy Chart Creator & Ancestor Visualizer</title>
    <meta
      name="description"
      content="Roots is a free online family tree maker and genealogy chart creator. Build, visualize, and share encrypted family trees — no accounts, no servers. Create pedigree charts, ancestor trees, descendant charts, and lineage diagrams with privacy-first AES-256 encryption. Available in English, العربية, and Türkçe."
    />
    <meta name="author" content="Abdulrahman Mahmutoglu" />
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1" />
    <meta
      name="keywords"
      content="family tree, family tree maker, family tree builder, family tree creator, family tree generator, family tree visualizer, family tree diagram, family tree chart, family tree template, family tree online, free family tree maker, genealogy, genealogy chart, genealogy chart maker, genealogy tree maker, genealogy software, genealogy tool, pedigree chart, ancestor chart, ancestor tree, descendant chart, lineage chart, lineage diagram, family history tree, family history chart, family group sheet, interactive family tree, digital family tree, ancestry chart, ancestry tree builder, ancestry visualization, heritage chart, heritage tree, family lineage, family pedigree, family connections, family relationship chart, family network, generation chart, kinship chart, family map, family diagram, family structure, family organizer, encrypted family tree, privacy family tree, secure genealogy, zero-backend genealogy, shareable family tree, collaborative family tree, printable family tree, fan chart, bowtie chart, شجرة العائلة, رسم شجرة العائلة, تصميم شجرة العائلة, شجرة النسب, رسم شجرة النسب, تصميم شجرة النسب, مشجرة عائلية, برنامج شجرة العائلة, مخطط شجرة العائلة, علم الأنساب, نسب العائلة, شجرة عائلة مجانية, أداة رسم شجرة العائلة, نموذج شجرة العائلة, مخطط الأنساب, توثيق النسب, شجرة عائلة أونلاين, شجرة عائلة مشفرة, شجرة عائلة تفاعلية, شجرة الأجداد, مخطط السلالة, رسم بياني للعائلة, خريطة العائلة, soy ağacı, aile ağacı, soy ağacı oluşturucu, aile ağacı oluşturucu, aile ağacı çizici, nesil ağacı, soyağacı programı, aile ağacı şablonu, aile geçmişi, aile köklerini bulma, nesil diyagramı, soy ağacı çizimi, ücretsiz soy ağacı, interaktif aile ağacı, şifreli aile ağacı, aile ağacı grafiği, soy ağacı şeması, ata ağacı, aile bağlantıları, akrabalık ağacı, aile şeceresi, şecere oluşturucu"
    />
    <link rel="canonical" href="https://roots.abdash.net" />

    <!-- Hreflang: Multilingual SEO -->
    <link rel="alternate" hreflang="en" href="https://roots.abdash.net" />
    <link rel="alternate" hreflang="ar" href="https://roots.abdash.net" />
    <link rel="alternate" hreflang="tr" href="https://roots.abdash.net" />
    <link rel="alternate" hreflang="x-default" href="https://roots.abdash.net" />

    <!-- Theme & Icons -->
    <meta name="theme-color" content="#1a1a1a" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    <link rel="manifest" href="/site.webmanifest" />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://roots.abdash.net" />
    <meta property="og:locale" content="en_US" />
    <meta property="og:locale:alternate" content="ar_SA" />
    <meta property="og:locale:alternate" content="tr_TR" />
    <meta
      property="og:title"
      content="Roots — Free Online Family Tree Maker | Genealogy Chart Creator & Ancestor Visualizer"
    />
    <meta
      property="og:description"
      content="Free online family tree maker and genealogy chart creator. Build, visualize, and share encrypted family trees with pedigree charts, ancestor trees, and descendant diagrams — no accounts, no servers required. Available in English, Arabic, and Turkish."
    />
    <meta property="og:image" content="https://roots.abdash.net/og-image.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="Roots — Family Tree Maker and Genealogy Chart Visualizer" />
    <meta property="og:site_name" content="Roots — Family Tree Visualizer" />

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:url" content="https://roots.abdash.net" />
    <meta
      name="twitter:title"
      content="Roots — Free Family Tree Maker | Genealogy Chart Creator & Visualizer"
    />
    <meta
      name="twitter:description"
      content="Build and share encrypted family trees online for free. Create pedigree charts, ancestor trees, and lineage diagrams — no accounts, no servers. Supports English, Arabic, and Turkish."
    />
    <meta
      name="twitter:image"
      content="https://roots.abdash.net/og-image.png"
    />
    <meta name="twitter:image:alt" content="Roots — Family Tree Maker and Genealogy Visualizer" />

    <!-- Structured Data: WebApplication (JSON-LD) -->
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "WebApplication",
        "name": "Roots — Family Tree Maker",
        "alternateName": [
          "Roots Family Tree Visualizer",
          "Roots Genealogy Chart Creator",
          "Roots Ancestor Tree Builder",
          "Roots Pedigree Chart Maker",
          "شجرة العائلة Roots",
          "أداة رسم شجرة العائلة",
          "برنامج شجرة النسب",
          "Roots Soy Ağacı Oluşturucu",
          "Roots Aile Ağacı Çizici"
        ],
        "url": "https://roots.abdash.net",
        "description": "Free online family tree maker, genealogy chart creator, and ancestor tree visualizer. Build, share, and export encrypted family trees with pedigree charts, descendant diagrams, and lineage maps — no accounts, no servers, no tracking. Supports English, Arabic, and Turkish.",
        "applicationCategory": "LifestyleApplication",
        "applicationSubCategory": "Genealogy Software",
        "operatingSystem": "Any",
        "browserRequirements": "Requires a modern web browser with JavaScript enabled",
        "softwareVersion": "0.1.0",
        "inLanguage": ["en", "ar", "tr"],
        "offers": {
          "@type": "Offer",
          "price": "0",
          "priceCurrency": "USD",
          "availability": "https://schema.org/InStock"
        },
        "author": {
          "@type": "Person",
          "name": "Abdulrahman Mahmutoglu",
          "url": "https://abdash.net"
        },
        "license": "https://www.apache.org/licenses/LICENSE-2.0",
        "featureList": [
          "Family tree maker",
          "Genealogy chart creator",
          "Pedigree chart builder",
          "Ancestor chart visualizer",
          "Descendant chart generator",
          "Lineage diagram tool",
          "Interactive family tree diagram",
          "AES-256-GCM encryption",
          "Zero-backend architecture",
          "URL-based storage",
          "Export to PNG and SVG",
          "JSON import and export",
          "Undo and redo support",
          "Multi-language: English, Arabic, Turkish",
          "RTL support for Arabic",
          "Privacy-first design",
          "No accounts required",
          "Shareable via URL"
        ],
        "screenshot": "https://roots.abdash.net/og-image.png",
        "keywords": "family tree maker, genealogy chart, pedigree chart, ancestor tree, descendant chart, lineage diagram, family history, شجرة العائلة, شجرة النسب, علم الأنساب, soy ağacı, aile ağacı, nesil ağacı"
      }
    </script>

    <!-- Structured Data: FAQPage (JSON-LD) — SEO-rich Q&A -->
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "FAQPage",
        "mainEntity": [
          {
            "@type": "Question",
            "name": "What is Roots family tree maker?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Roots is a free online family tree maker, genealogy chart creator, and ancestor tree visualizer. It lets you build interactive family tree diagrams, pedigree charts, descendant charts, and lineage diagrams entirely in your browser — with no accounts, no servers, and no tracking. Your family tree is encrypted with AES-256-GCM and stored in the URL."
            }
          },
          {
            "@type": "Question",
            "name": "How do I create a family tree online for free?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Visit roots.abdash.net, set a passphrase, and start adding family members. Roots is a completely free family tree builder — you can create pedigree charts, ancestor charts, and descendant diagrams. Share your encrypted family tree by sharing the URL and passphrase. No sign-up or download needed."
            }
          },
          {
            "@type": "Question",
            "name": "Is Roots family tree maker secure and private?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Yes. Roots uses AES-256-GCM encryption with PBKDF2 key derivation (600,000 iterations). Your family tree data is encrypted and compressed before being stored in the URL hash. There are no servers, no databases, and no tracking — everything runs entirely in your browser."
            }
          },
          {
            "@type": "Question",
            "name": "Can I export my family tree as an image or file?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Yes. Roots supports exporting your family tree diagram as PNG images, SVG vector graphics, and JSON data files. You can also import family trees from JSON files."
            }
          },
          {
            "@type": "Question",
            "name": "Does Roots support Arabic and Turkish?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Yes. Roots is a multilingual family tree maker supporting English, Arabic (العربية) with full RTL support, and Turkish (Türkçe). All interface elements, labels, and navigation are fully translated."
            }
          },
          {
            "@type": "Question",
            "name": "ما هو برنامج Roots لشجرة العائلة؟",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Roots هو أداة مجانية لرسم وتصميم شجرة العائلة وشجرة النسب عبر الإنترنت. يمكنك إنشاء مخططات الأنساب ومخططات السلالة ورسم شجرة الأجداد والأحفاد بشكل تفاعلي. يتم تشفير بيانات شجرة العائلة بتقنية AES-256 وتخزينها في رابط URL — بدون حسابات، بدون خوادم، بدون تتبع."
            }
          },
          {
            "@type": "Question",
            "name": "كيف أرسم شجرة العائلة مجاناً؟",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "قم بزيارة roots.abdash.net وأدخل كلمة مرور وابدأ بإضافة أفراد العائلة. Roots هو برنامج مجاني لتصميم شجرة العائلة وشجرة النسب — يمكنك إنشاء مشجرة عائلية ومخطط أنساب وتصدير شجرة العائلة كصورة PNG أو SVG. شارك الشجرة مع عائلتك عبر الرابط."
            }
          },
          {
            "@type": "Question",
            "name": "Roots soy ağacı oluşturucu nedir?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Roots, ücretsiz bir çevrimiçi soy ağacı oluşturucu, aile ağacı çizici ve nesil ağacı görselleştiricisidir. İnteraktif aile ağacı diyagramları, soy ağacı şemaları ve nesil diyagramları oluşturabilirsiniz. Aile ağacı verileriniz AES-256 şifreleme ile korunur ve URL'de saklanır — hesap, sunucu veya izleme yoktur."
            }
          },
          {
            "@type": "Question",
            "name": "Ücretsiz aile ağacı nasıl oluşturulur?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "roots.abdash.net adresini ziyaret edin, bir parola belirleyin ve aile üyelerini eklemeye başlayın. Roots tamamen ücretsiz bir aile ağacı oluşturucudur — soy ağacı şablonları, ata ağaçları ve nesil diyagramları oluşturabilirsiniz. Aile ağacınızı PNG, SVG veya JSON olarak dışa aktarabilir ve URL ile paylaşabilirsiniz."
            }
          }
        ]
      }
    </script>

    <!-- Structured Data: BreadcrumbList (JSON-LD) -->
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "BreadcrumbList",
        "itemListElement": [
          {
            "@type": "ListItem",
            "position": 1,
            "name": "Roots — Family Tree Maker",
            "item": "https://roots.abdash.net"
          }
        ]
      }
    </script>

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap"
      rel="stylesheet"
    />
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>

    <!-- SEO: Hidden multilingual content for search engine crawlers -->
    <noscript>
      <h1>Roots — Free Online Family Tree Maker, Genealogy Chart Creator & Ancestor Tree Visualizer</h1>
      <p>Roots is a free, privacy-first family tree maker and genealogy chart creator. Build interactive family tree diagrams, pedigree charts, ancestor trees, descendant charts, and lineage diagrams online — no accounts, no servers, no tracking. Your family tree data is encrypted with AES-256-GCM and stored entirely in the URL. Export family trees as PNG, SVG, or JSON. Supports English, Arabic, and Turkish with full RTL support.</p>

      <h2>Family Tree Maker Features</h2>
      <p>Create family trees, genealogy charts, pedigree charts, ancestor charts, descendant charts, lineage diagrams, family history trees, generation charts, kinship charts, and family relationship maps. Build interactive family tree diagrams with photos, custom fields, and multiple relationship types. Share encrypted family trees via URL — the best free online family tree builder and genealogy visualization tool.</p>

      <h2>أداة رسم شجرة العائلة المجانية — Roots</h2>
      <p>Roots هو برنامج مجاني لرسم وتصميم شجرة العائلة وشجرة النسب عبر الإنترنت. أنشئ مخططات شجرة العائلة، مشجرات عائلية، مخططات الأنساب، شجرة الأجداد، مخطط السلالة، ورسم بياني للعائلة. صمم شجرة نسب تفاعلية مع علم الأنساب وتوثيق النسب. بيانات شجرة العائلة مشفرة ومحمية — بدون حسابات، بدون خوادم. أفضل أداة لرسم شجرة العائلة مجاناً باللغة العربية. قم بتصدير شجرة العائلة كصورة PNG أو SVG أو ملف JSON. نموذج شجرة العائلة جاهز للاستخدام.</p>

      <h2>Ücretsiz Soy Ağacı Oluşturucu — Roots</h2>
      <p>Roots, ücretsiz çevrimiçi soy ağacı oluşturucu, aile ağacı çizici ve nesil ağacı görselleştiricisidir. Aile ağacı diyagramları, soy ağacı şemaları, nesil diyagramları, ata ağaçları ve aile geçmişi grafikleri oluşturun. İnteraktif aile ağacı çizimi ve soyağacı programı ile aile köklerinizi bulun. Şifreli aile ağacı verileriniz URL'de güvenle saklanır — hesap veya sunucu gerekmez. Aile ağacınızı PNG, SVG veya JSON olarak dışa aktarın. Akrabalık ağacı, aile şeceresi ve şecere oluşturucu olarak en iyi ücretsiz araç.</p>
    </noscript>
  </body>
</html>