Ein PDF-Symbol zu Squarespace hinzufügen

In Squarespace gibt es einen wichtigen Unterschied zwischen dem Verlinken einer PDF-Datei und dem Einbetten. Ein normaler Link ermöglicht Besuchern nur, eine PDF in einem neuen Tab zu öffnen oder herunterzuladen, wodurch sie deine Seite verlassen. Beim Einbetten erscheint das Dokument direkt auf der Seite, sodass Besucher es ansehen können, ohne deine Website zu verlassen. 

Mit dem kostenlosen Smallpdf Tool „PDF einbetten“, kannst du eine PDF ganz einfach direkt auf deiner Seite anzeigen, statt Besucher woandershin zu schicken. Wir zeigen dir, wie das geht.

Wie einfach war das? Und das Beste: Du kannst so viele Links hinzufügen, wie du möchtest, oder deine bestehenden Dateien aktualisieren. Geh einfach jeden Schritt noch einmal durch und sieh zu, wie sich deine Website verändert.

Du hast mehrere Möglichkeiten, PDFs zu deiner Squarespace-Website hinzuzufügen. Jede Methode funktioniert anders. Schauen wir uns also an, wann du welche verwenden solltest:

Smallpdf-Tool „PDF einbetten“

• Was es ist: Unser kostenloses Tool generiert Einbettungscode, der deine PDF direkt auf der Seite anzeigt.

• Wann du es verwenden solltest: Am besten geeignet, wenn Besucher eine PDF direkt auf deiner Squarespace-Website ansehen sollen, ohne einen neuen Tab zu öffnen. Ideal für Dokumente wie Broschüren, Speisekarten oder Referenzdateien, bei denen es wichtig ist, auf der Seite zu bleiben.

• Vorteile: Zeigt PDFs direkt auf deiner Website an. Funktioniert mit PDFs jeder Größe. Enthält integrierte Sicherheitsfunktionen.

• Nachteile: Dafür musst du HTML-Code kopieren und in einen Code-Block einfügen.

Nativer Squarespace-Dateilink (Schaltfläche oder Text)

• Was es ist: Lade deine PDF-Datei direkt in Squarespace hoch und erstelle einen Download-Link oder eine Schaltfläche.

• Wann du es verwenden solltest: Am besten für einfache Downloads, wenn du keine Inline-Anzeige oder Bearbeitungsfunktionen brauchst.

• Vorteile: Keine externen Tools nötig. Einfacher Upload-Prozess. Saubere Integration in das Squarespace-Design.

• Nachteile: Dateigrößenlimit von 20 MB. Dateien werden zum Herunterladen in einem neuen Tab geöffnet statt direkt auf der Seite angezeigt. Keine Bearbeitungsmöglichkeiten für Besucher.

Galerie-Diashow (Bilder aus deiner PDF-Datei)

• Was es ist: Wandle deine PDF-Seiten in Bilder um und zeige sie in einer Squarespace-Galerie an.

• Wann du es verwenden solltest: Ideal für visuelle Dokumente wie Portfolios, Kataloge oder Präsentationen, wenn du eine ansprechende Galerieansicht möchtest.

• Vorteile: Schöne visuelle Darstellung. Schnelle Ladezeiten. Für Mobilgeräte optimierte Galerien.

• Nachteile: Der Text ist nicht durchsuchbar oder auswählbar. Du musst die PDF-Datei zusätzlich in Bilder umwandeln. Keine Download-Option für die ursprüngliche PDF.

Gehen wir den gesamten Prozess Schritt für Schritt durch, wie du mit dem Tool von Smallpdf eine PDF-Datei zu deiner Squarespace-Website hinzufügst.

Generiere deinen Viewer-Code in Smallpdf

1. Geh zu unserem Tool „PDF einbetten“ und füge deine PDF-URL in das Feld ein.

2. Kopiere den generierten Einbettungscode, indem du auf „Code kopieren“ klickst.

3. Bewege den Mauszeiger in deinem Squarespace-Editor über den Bereich, in dem du deine PDF haben möchtest, und klicke auf das „+“-Symbol.

4. Wähle „Code“ aus dem Menü der Inhaltsblöcke aus. Dort fügst du deinen HTML-Code ein.

5. Füge deinen kopierten Code ein und klicke auf „Anwenden“.

Platzierung und Verhalten testen (neuer Tab vs. inline)

1. Sieh dir die Vorschau deiner Seite an, um zu sehen, wie deine PDF angezeigt wird und sich verhält.

2. Teste sowohl die Desktop- als auch die mobile Ansicht. Inline-Viewer sind responsiv und passen sich der Bildschirmgröße an.

3. Bei Bedarf kannst du deinen PDF-Block per Drag & Drop an eine beliebige Stelle auf deiner Seite verschieben.

Bevor wir tiefer in die PDF-Anpassung einsteigen, solltest du Folgendes darüber wissen, wie Squarespace nativ mit Dateien umgeht:

• Dateigrößenlimit: Squarespace begrenzt Uploads auf 20 MB pro Datei.

• Unterstützte Formate: PDF, DOC, DOCX, TXT und die meisten gängigen Dateiformate werden unterstützt.

• Öffnungsverhalten: Native Dateilinks öffnen sich normalerweise zum Herunterladen in neuen Tabs.

• CDN-Hosting: Das Content Delivery Network (CDN) von Squarespace hostet deine Dateien für schnellen weltweiten Zugriff.

• Datei-URLs: Nach dem Hochladen erhalten Dateien permanente URLs, auf die du von überall aus verlinken kannst.

• Mobile Nutzung: Dateidownloads funktionieren auf Mobilgeräten anders. Einige Geräte zeigen eine Vorschau im Browser an, andere laden die Datei direkt herunter.

Wenn du an die 20-MB-Grenze stößt oder mehr Kontrolle darüber haben möchtest, wie deine PDFs angezeigt werden, bietet dir das Tool „PDF einbetten“ von Smallpdf mehr Möglichkeiten.

Während die nativen Datei-Uploads von Squarespace für einfache Downloads gut funktionieren, bietet das Tool „PDF einbetten“ von Smallpdf mehrere Vorteile, die die Nutzererfahrung deiner Website verbessern können:

• Kein Dateigrößenlimit: Bette PDFs jeder Größe ein, ohne dir Gedanken über die 20-MB-Grenze von Squarespace zu machen.

• Inline-Anzeige: Zeige PDFs direkt auf deiner Seite an, damit Besucher sie lesen können, ohne deine Website zu verlassen.

• Bessere Interaktion: Eingebettete PDFs halten Besucher auf der Seite, was helfen kann, unnötige Abzweigungen weg von deinen Inhalten zu vermeiden.

• Sichere Anzeige: Du erhältst integrierte Datenschutzfunktionen und sicheren Zugriff, ohne sofortige Downloads zu erzwingen.

• Optimierung für Mobilgeräte: Responsive Einbettungen passen sich nahtlos an verschiedene Geräte an.

• Markenkonsistenz: PDFs erscheinen innerhalb deines Website-Layouts, statt in einem separaten Browser-Tab geöffnet zu werden.

Du möchtest sicherstellen, dass deine PDFs schnell laden und gut aussehen? Dann befolge diese Optimierungstipps:

• Vor dem Hochladen komprimieren: Verwende unser Tool „PDF komprimieren“ um die Dateigröße zu reduzieren, ohne Qualitätsverlust.

• Verwende aussagekräftige Dateinamen: „2024-product-catalog.pdf“ ist sowohl für Nutzer als auch für Suchmaschinen besser als „document1.pdf“.

• Mobile Responsivität testen: Sieh dir immer in der Vorschau an, wie deine PDFs auf Smartphones und Tablets dargestellt werden.

• Lazy Loading in Betracht ziehen: Platziere große PDFs weiter unten auf der Seite, damit sie das anfängliche Laden der Seite nicht verlangsamen.

• Für die Suche optimieren: PDFs mit durchsuchbarem Text erzielen bessere Ergebnisse. Unsere OCR Funktion kann bei gescannten Dokumenten helfen

• Kontext bereitstellen: Füge eine kurze Beschreibung hinzu, was in jeder PDF-Datei enthalten ist, damit Besucher wissen, was sie erwartet

Mit der umfassenden Suite von Smallpdf mit über 30 PDF-Tools werden all deine PDF-Anforderungen abgedeckt – sowohl vor als auch nach der Verwendung des Tools „PDF einbetten“, um Dateien auf deiner Website anzuzeigen.

Du musst nichts installieren oder dich anmelden, um deine PDF vorzubereiten. Nach dem Einbetten können Besucher das Dokument direkt auf deiner Website ansehen oder bei Bedarf eine Kopie herunterladen.

Du musst eine PDF aktualisieren, die bereits auf deiner Website eingebettet ist? Hier zeigt sich der Vorteil URL-basierter Einbettungen:

• Aktualisiere deine ursprüngliche PDF-Datei unter derselben URL

• Die eingebettete Version übernimmt deine Änderungen automatisch, sodass du keinen Einbettungscode aktualisieren musst.

• Wenn du die URL ändern musst, ersetze den Einbettungscode einfach durch einen neuen aus unserem Tool.

• Dein Seitenlayout und Design bleiben erhalten, während der Inhalt nahtlos aktualisiert wird.

Dieser Ansatz zur Versionskontrolle spart im Vergleich zum erneuten Hochladen von Dateien und dem Aktualisieren mehrerer Links auf deiner Website enorm viel Zeit.