Skip to main content

Backups in the project phase

All important at a glance:

  • Backups before and after every major change: If you are involved in the creation of your new website during the project phase, it is essential to carry out regular backups. To make this process easier, we have set up the Akeeba Backup extension for you. Please use this opportunity before and after any significant changes to ensure your progress is saved securely.
  • Akeeba Backup - Make a backup
    1. Log in: Log in to your Joomla backend.
    2. Find Akeeba Backup: Navigate to “Extensions” in the left menu and select “Akeeba Backup for Joomla”.
    3. Start backup: Click “Backup Now”. In the window that opens, confirm again by clicking on “Backup Now”.
    4. Complete backup: Wait until your backup is completely created. Please do not close the window during this process. You will be notified once the backup is complete.

Introduction: In the dynamic phase of website development, where customers and developers work closely together to design and optimize a new Joomla website, backups and post versioning are essential tools. They provide protection against unexpected errors and make it possible to revert to previous states if changes do not have the desired effect.

Part 1: The Importance of Backups

  1. Critical times for backups:

    • Before major changes: Back up your site before adding new features, changing the design, or making significant content updates. This provides a safe starting point to return to.
    • After successful changes: Once a change has been successfully implemented and is working without errors, create another backup to secure this new state.

  2. What should be secured:

    • The complete website including all components such as database, templates, extensions and media content.

  3. Frequency and storage:

    • During the project phase, it may make sense to increase the frequency of backups, especially before and after each significant change.
    • Retain multiple generations of backups to ensure recovery flexibility.

Part 2: Use Akeeba Backup

  1. Introduction to Akeeba Backup:

    • Akeeba Backup is a comprehensive solution for Joomla backups, which is particularly valuable in the project phase as it enables simple and fast backups and restores.

  2. Create backups:

    • Use Akeeba Backup to create a full backup before any major changes. Schedule backups to ensure regular backups without manual effort.

  3. Restoration:

    • Should changes lead to unexpected problems, Akeeba Backup allows you to efficiently restore the website to its pre-change state.

Part 3: Versioning of posts

  1. Versioning during the project phase:

    • Post versioning is particularly useful for keeping track of changes to content during the development phase. It allows you to compare different versions and revert to older versions if necessary.

  2. Activation and use:

    • Enable versioning in Joomla settings and make sure everyone involved knows how to access previous versions of posts.

Conclusion: Regular backup creation and careful use of post versioning are crucial during the project phase of a new Joomla website. They not only provide a layer of security against data loss, but also a valuable way to track and return to previous work statuses. Akeeba Backup is an indispensable tool that simplifies the process and makes it more efficient.

With this guide you will provide your customers with a clear roadmap for securely developing their Joomla websites and ensure they fully understand the importance and benefits of backups and versioning.

Deliver images optimally for web projects (customers)

All important at a glance:

  • Resolution of the images:
    • Minimum width of 1280 pixels required.
    • Images in 4K resolution are optimal for the highest level of detail and quality.
  • Quality of images:
    • Avoid excessive compression to prevent artifacts.
    • Our system automatically compresses images into modern formats such as WebP and AVIF if supported by the server.
    • Pay attention to careful composition and good lighting.
  • License rights and usage rights:
    • Always observe the copyrights and license conditions of the images used.
    • Use royalty-free images or purchase licenses from stock photo portals for specific needs.
  • Good stock photo portals:
    • Free portals such as Unsplash, Pexels and Pixabay for high-quality, royalty-free images.
    • Paid portals like Shutterstock and Adobe Stock for more exclusive image needs.
  • Images for fullwidth areas:
    • Use high-resolution images (ideally 4K).
    • Make sure that important image content is in the central area of the image, especially for images in 16:9 format.
  • Aspect ratios:
    • Choose the aspect ratio according to the purpose and layout of the website.
    • Consider adapting to different screen sizes.
  • Format of the images:
    • JPEG for photographs, PNG for images with transparency.
    • SVG for scalable vector graphics.
    • Automatic conversion to WebP and AVIF by our system for improved loading times and quality.
  • Support from Joomla-Agentur.de:
    • As Joomla-Agentur.de we are happy to assist you and take on this work for you. Simply contact us to discuss your requirements and how we can support you.

Resolution of the images

In our system, a minimum resolution of 1280 pixels is required to meet the container width requirements. This ensures that images appear sharp and clear in the basic view. Still, for optimal picture quality, we prefer 4K resolution images as they offer finer detail and higher quality on a wide range of devices, including those with high-resolution displays.

In addition, it is important to take into account the minimum resolution for parts of the website, such as grids. Due to responsive design, larger resolutions may sometimes be necessary on smaller screens to ensure optimal display. Our system generates up to six different image sizes for the srcset attribute: 768px, 1024px, 1366px, 1600px, 1920px and 200%. The browser automatically selects the image size that best suits its viewport and screen resolution.

It is recommended to use a large image and set a smaller width or height if necessary. This allows our system to generate a high resolution image (up to 200%) for Retina displays. Using high-resolution images and adapting them through our system ensures that your website offers outstanding visual quality on all devices, from smartphones to large desktop displays. Additionally, our system optimizes loading times by ensuring only the most appropriate image sizes are loaded, improving both the user experience and the performance of your website.

Quality of the images

The quality of an image is crucial to the visual appeal and professionalism of your website. It is determined not only by the resolution, but also by factors such as compression, lighting and image composition.

Compression: Our system already takes care of the compression of the original images. In addition to the original PNG or JPEG format, all images can also be generated in WebP and AVIF formats. These formats offer superior compression and quality properties compared to JPEG and PNG images. This means that images load much faster and use less data volume. The <picture> element is used to provide various image formats so that the browser can choose the format it supports. The prerequisite for this is that the web server also offers these formats. Therefore, you don't have to compress your images heavily - we take care of this task for you.

Lighting and Sharpness: Good lighting is crucial to ensuring your images are clear and attractive. Images should be well exposed, without excessive shadows or overexposed areas. The sharpness of the image is also important to ensure that all details are clearly visible, especially on smaller screen sizes.

Image Composition: Thoughtful composition draws attention to the desired focus in the image and improves the overall aesthetic of your website. Elements such as the rule of thirds, leading lines and the use of negative space can have a strong influence on the composition of an image.

It is advisable to use professional image editing software to optimize the image quality before embedding the images on your website. Tools for color correction, adjusting contrast and brightness, and removing blur or noise can significantly improve the overall quality of your images.

Overall, image quality on your website is a key element of visual communication and user experience. By paying attention to the above aspects, you will ensure that your images are not only aesthetically pleasing, but also technically optimized for the web.

License rights and usage rights

When using images on your website, it is essential to carefully consider the license rights and usage rights. These rights determine how and where an image may be used and protect the copyright of the photographer or artist. Failure to respect these rights can result in legal problems and financial penalties.

Copyright: Images are typically protected by copyright, meaning the creator has the exclusive right to decide where and how their work is used. Using a copyrighted image without permission may be considered copyright infringement.

Royalty Free Images: There are many sources of royalty free images that allow you to use images with no copyright restrictions or very relaxed restrictions. Sites like Unsplash, Pexels, and Pixabay offer high-quality, royalty-free images that you can use for free, often even for commercial purposes.

Creative Commons: Some images are published under Creative Commons licenses, which allow different degrees of freedom in terms of usage. It's important to understand the specific terms of each license - for example, some require attribution to the author, others prohibit commercial use or derivative works.

Licensed Stock Photos: For more exclusive or specific image needs, you can purchase licensed stock photos from platforms such as Shutterstock, Adobe Stock, or Getty Images. With these images, you purchase a license that specifies exactly how the image may be used. Be sure to read the license terms carefully to ensure they meet your needs.

Own Images: Using your own images is another way to ensure that you have all rights to the images. However, this may require additional efforts in terms of photography and image editing.

In summary, careful consideration of licensing and usage rights when using images on your website is essential to avoid legal problems and respect the rights of authors and artists. Always ensure that you have the correct licenses for the images you use and that you fully understand the requirements and limitations of each license.

Good stock photo portals

When looking for high-quality images for your website, stock photo portals can be a valuable resource. These platforms offer a wide range of images on different topics and in different styles, both free and paid. Here are some recommended portals to consider for your imaging needs:

Free stock photo portals:

  • Unsplash : Offers an extensive collection of free, high-quality photos provided by a community of professional and amateur photographers. The images can be used for commercial and non-commercial projects, often without attribution of copyright.

  • Pexels : Similar to Unsplash, Pexels offers free stock photos and videos under the Pexels license. This allows wide use without mentioning copyright, including for commercial purposes.

  • Pixabay : Another popular portal for free images, vectors, illustrations and videos. Pixabay content can mostly be used without attribution and for commercial applications.

Paid stock photo portals:

  • Shutterstock : One of the most popular sources of stock photos, vector graphics, illustrations, and video clips. Shutterstock offers various subscription and package options tailored to the needs of individuals and businesses.

  • Adobe Stock : Offers a wide range of high-quality images, graphics, templates and 3D assets. As part of the Adobe ecosystem, it seamlessly integrates with Creative Cloud applications, simplifying the workflow for Adobe users.

  • Getty Images : Known for its extensive collection of high-quality photos, including news images, historical and cultural photos. Getty Images is an excellent source for unique and specialized images, but tends to offer higher prices.

When using images from stock photo portals, it is important to carefully check the license conditions. Even though many images are "free," certain usage restrictions may apply. For paid images, it's crucial to choose the licensing option that meets your specific needs to avoid legal issues.

Whether you use free or paid images, stock photo portals can provide a quick and efficient solution to make your website visually appealing. However, it is always a good idea to increase the authenticity of your website by using unique images or your own photographs whenever possible.

Images for fullwidth areas on the website

Fullwidth areas are full-width sections on web pages that can create a striking visual impact. However, for optimal display in these areas, special considerations are required when selecting and adjusting images:

High Resolution: High resolution images are essential for fullwidth areas to ensure clear and detailed display on large screens. 4K resolution images are ideal because they provide excellent image quality even with large format displays.

Aspect ratio: The aspect ratio of the images should be tailored to the display in the fullwidth area. Wide panoramic formats are often particularly suitable for achieving an attractive full-screen display.

Centered Focus: When selecting images for fullwidth areas, it is important that the key visual elements are positioned in the central area of the image. For a 16:9 format image, this means that the most important content should be in the middle 40% of the image, while the edges, which each make up 30% of the image, can serve as a supplementary accessory. This arrangement ensures that the key elements of the image remain visible even when the image is resized on different screen sizes and parts of the edges may be cropped.

By considering these factors, you can ensure that the images in fullwidth areas are not only technically appropriate, but also effectively support the visual message of your website and improve the user experience.

Aspect ratios

The aspect ratio of an image describes the relationship between its width and height and is a crucial factor for the harmonious integration of images into web design. Choosing the right aspect ratio is essential to ensuring that images on your website appear as intended, without cutting off or distorting important content.

Common aspect ratios:

  • 16:9 : This aspect ratio is particularly popular for videos and wide image formats. It's great for headers, background images, and gallery views that require a wide visual presentation.

  • 4:3 : A classic format often used in photographs. It offers a more balanced view that works well for product images, blog posts, and article images.

  • 1:1 : Square images are ideal for social media posts, icons, and images in grid views. They provide a consistent display regardless of the orientation of the device.

Adaptation to different screen sizes:

The choice of aspect ratio should also take into account the images' ability to adapt to different screen sizes and orientations. Responsive design techniques allow images to display correctly on different devices without losing content.

Importance for the layout:

The aspect ratio of the images should match the website layout and design requirements. For example, in a layout with a three-column grid, square (1:1) or vertical (e.g. 3:4) images may work better, while for fullwidth sliders or hero sections, a wider aspect ratio such as 16:9 is preferable.

Flexibility through image editing:

In some cases, it may be necessary to change the aspect ratio of an image by cropping or adjusting it to suit specific design needs. Professional image editing software provides the tools to make such adjustments without compromising image quality.

By choosing the right aspect ratio for your images and making adjustments where necessary, you can maximize the visual impact of your website and ensure a coherent, responsive design that works well on all devices.

Format of the images

Choosing the right image format is crucial for the quality, loading times and functionality of your website. Each image format offers specific advantages that should be considered depending on the intended use of the image.

JPEG (Joint Photographic Experts Group):

  • Ideal for photographs and images with lots of color gradients.
  • Allows you to significantly reduce file size through compression, although this can lead to a loss of quality if used too heavily.

PNG (Portable Network Graphics):

  • Provides lossless compression so image quality remains unchanged even after saving.
  • Ideal for images that require transparency, such as logos and graphics with transparent backgrounds.

SVG (Scalable Vector Graphics):

  • Vector-based format, perfect for logos, icons and other scalable elements that need to be displayed in different sizes without loss of quality.
  • Can be embedded directly into HTML, allowing for flexible and scalable use.

WebP:

  • Modern format that supports both lossy and lossless compression, often with better efficiency than JPEG or PNG.
  • Offers improved compression that contributes to faster loading times without compromising image quality.

AVIF (AV1 Image File Format):

  • Latest image format that offers even more efficient compression than WebP while maintaining excellent image quality.
  • Supports wide color gamut and high dynamic range (HDR).

Our system is designed to automatically generate WebP and AVIF versions from your original JPEG and PNG images, provided the web server supports these formats. This automatic conversion ensures an optimal balance between image quality and file size, improving your website loading times and ensuring a smooth user experience across different devices and browsers.

When using these advanced image formats, it is important to also consider fallback options for browsers that may not yet support these formats. This ensures that your website is displayed correctly and with high quality everywhere.

Clear browser cache and surf without cache

In today's digital world, the ability to effectively manage your browser is not just a matter of convenience, but also security and efficiency. Whether you're a web developer who needs to check the latest changes to a website or just an everyday internet user looking for the freshest version of a page, knowing how to manage browser cache can greatly improve your browsing experience. Cache stores website data to speed up future visits to the same pages, but can sometimes result in outdated information being displayed or slow down your browser performance. In this comprehensive guide, we'll show you how to effectively clear the cache in various browsers such as Chrome, Firefox, Safari and Edge, and how you can use the developer tools to surf without any cache. This ensures you always see the most up-to-date content while optimizing your browsing experience.

Clear browser cache:

Google Chrome:

  1. Click the three-dot menu and select "Settings."
  2. Go to "Privacy and Security" and select "Clear browsing data."
  3. Select “Cached images and files” and click “Clear data.”

Firefox:

  1. Open the menu and select "Settings."
  2. Go to “Privacy & Security” and under “Cookies and site data” click “Clear data”.

Safari:

  1. Select "Safari" from the menu and then "Settings."
  2. Go to the Advanced tab and enable the Developer menu.
  3. Select “Clear Cache” from the Developer menu.

Microsoft Edge:

  1. Click the "..." menu and select "Settings."
  2. Select "Privacy, search, and services" and under "Clear browsing data," click "Choose what to delete."
  3. Select “Cached Images and Files” and click “Delete Now.”

Surf without cache using the developer tools:

Google Chrome:

  1. Press F12 or Ctrl+Shift+I (Cmd+Option+I on a Mac) to open Developer Tools.
  2. Go to the "Network" tab.
  3. Check the “Disable cache” box.
  4. Keep developer tools open to browse without cache.

Firefox and Safari:

  1. Right click on the page and select "Inspect Element" or use the keyboard shortcuts.
  2. In the Network section of the developer tools, look for an option similar to "Disable cache".
  3. Keep Developer Tools open to surf without cache​

​​

Properly securing your domain

As an experienced agency in the field of web development and online marketing, we at Joomla-Agentur.de have experienced numerous cases over the years in which companies and clubs were faced with significant challenges due to insufficiently secured domains. Whether it's the loss of domain access after the owner's death, the problems with a "one-man web host" who died unexpectedly, or internal disputes in associations that led to domains remaining in the hands of individual members led to legal disputes – all of these scenarios highlight the critical importance of proper domain registration and management. In this guide, we would like to share our knowledge and experience to guide you through the best practices for securing your domain safely and professionally, and highlight the importance of choosing a reliable web host.

1. Registration under the correct name:

A domain should always be registered in the official name of the company or association, not in the name of a private individual. This prevents potential problems when personnel changes or the person leaves the organization.

2. Using a professional email address:

You should always use a business email address to register and manage your domain. This ensures that access to the domain can be managed within the organization and easily transferred if necessary.

3. Update contact details:

Always keep the contact information in your domain registrar account current. This ensures that you receive important notifications, such as renewal notices, in a timely manner.

4. Access rights and management:

Distribute domain management responsibilities among multiple trusted people within your organization. This minimizes the risk of loss of access and ensures smooth management of your online presence.

5. Choosing a Reliable Web Host:

Choosing a reliable web host is crucial to the security and performance of your website. A good web host not only offers high availability and fast loading times, but also advanced security measures to protect your website from attacks. Look for web hosts that offer regular backups, 24/7 support, and robust infrastructure to ensure the integrity of your online presence.

This guide is intended to help you avoid the most common pitfalls in domain registration and management and protect your company or association's online identity safely and professionally.

Small checklist after a Joomla migration

In today's digital world, it is essential that websites are not only functional, but also powerful, secure and user-friendly. This is especially true after a migration or major changes to your website. The following checklist provides a structured guide to review and optimize your Joomla website in several key areas: from basic configuration, performance optimizations and security aspects to email settings, content accuracy and additional improvements. This comprehensive review ensures your website is up to date, running efficiently, and providing an optimal user experience.

1. Basic configuration

  • Robots indexing : Make sure your website is properly indexed for search engines. (Yes No)
  • Website status : Check whether the website is online and accessible. (online/offline)
  • URL structure : Decide on a consistent URL structure (www to non-www or vice versa) and set up redirects if necessary.
  • Favicon : Check that a favicon is set up and displayed correctly.

2. Performance optimizations

  • GZIP compression : Enable GZIP to improve website loading times. (Enabled/Disabled)
  • Caching : Review and configure caching settings to optimize site performance.

3. Security and Maintenance

  • Debug mode : Make sure debug mode is disabled in the production environment. (Enabled/Disabled)
  • Error messages : Control error message settings to protect sensitive information. (Enabled/Disabled)
  • ActionLog : Check the ActionLog, clean it when necessary and disable it when not needed. (Leave/Cleaned/Disabled)
  • PHP version : Make sure the PHP version is current and compatible with your Joomla version. (Current/Not current)
  • Security audits : Conduct regular security audits and update security extensions.

4. Email configuration

  • Server Mail : Check if the server mail has been replaced with a custom email address.
  • System emails to users : Ensure that email communication with users works as intended. (Powered off/Powered on)

5. Content and database

  • Verifying Overrides : Verify that template overrides work as expected after migration. (Yes No)
  • Content review : Check all content (articles, modules, menus) for accuracy and completeness.
  • Database integrity : Run a database check for possible errors or outdated entries.

6. Additional optimizations

  • SEO and metadata : Review and optimize SEO settings and metadata for important pages.
  • Responsive Design : Test the website on different devices to ensure it is responsive and user-friendly.
  • External links and resources : Check all external links and embedded resources for validity and availability.

Conclusion

Performing the listed checks and optimizations on your Joomla website is crucial to the success and security of your online presence. Every aspect, from the basic configuration to the additional optimizations, plays an important role in the overall performance and security of your website. By following this checklist, you can ensure that your website not only complies with current web standards, but also provides a solid foundation for future expansions and updates. If you are happy with the proposed changes and need further assistance, I am available to help you implement or discuss additional details.

Mindestangaben für Online Formulare

Formulare sind essentielle Werkzeuge, um Informationen von Kunden zu sammeln. Diese Anleitung bietet eine umfassende Übersicht über die wichtigsten Elemente, die bei der Erstellung von Formularen zu berücksichtigen sind. Hier sind die wesentlichen Gliederungspunkte:

1. Input Feld Typen

Es gibt verschiedene Arten von Input-Feldern, die je nach Bedarf im Formular verwendet werden können. Hier sind einige gängige Feldtypen und ein Beispiel, wie sie genutzt werden können:

  • Textfeld: Für kurze Texteingaben wie Namen oder Betreffzeilen.

    • Beispiel: ""
    • Fehlermeldung bei Falscheingabe: "Bitte geben Sie Ihren Namen ein."

  • Textbereich (Textarea): Für längere Texteingaben wie Nachrichten.

    • Beispiel: "Nachricht: [Textbereich]"
    • Fehlermeldung bei Falscheingabe: "Bitte geben Sie Ihre Nachricht ein."

  • Dropdown: Für eine Auswahl aus vorgegebenen Optionen.

    • Beispiel: "Anfragegrund: [Dropdown: Produktinformation, Support, Allgemein]"
    • Fehlermeldung bei Falscheingabe: "Bitte wählen Sie einen Anfragegrund."

  • Radiobuttons: Für die Auswahl einer Option aus einer kleinen Anzahl.

    • Beispiel: "Geschlecht: [Radiobuttons: Männlich, Weiblich, Divers]"
    • Fehlermeldung bei Falscheingabe: "Bitte wählen Sie Ihr Geschlecht."

  • Checkbox: Für Ja/Nein Fragen oder Mehrfachauswahl.

    • Beispiel: "Newsletter abonnieren: [Checkbox]"
    • Fehlermeldung bei Falscheingabe: "Bitte bestätigen Sie Ihre Auswahl."

  • Dateiupload: Für das Hochladen von Dateien.

    • Beispiel: "Lebenslauf hochladen: [Dateiupload]"
    • Fehlermeldung bei Falscheingabe: "Bitte laden Sie eine Datei hoch."

Hinweis: Individuelle Fehlermeldungen sollten für jedes Feld definiert werden. Wenn keine spezifische Fehlermeldung festgelegt wird, erscheint eine allgemeine Fehlermeldung wie "Bitte überprüfen Sie Ihre Eingabe."

Beispiel:

  • Titel: Vorname: [Feldtyp: Textfeld] [Validierung: Nein] [Zwingend: Nein]
  • Titel: Nachname: [Feldtyp: Textfeld] [Validierung: Nein] [Zwingend: Nein]
  • Titel: Adresse: [Feldtyp: Textfeld] [Validierung: Nein] [Zwingend: Nein]
  • Titel: Telefonnummer: [Feldtyp: Textfeld] [Validierung: Nummer] [Zwingend: Ja]
  • Titel: Checkbox: [Feldtyp: Datenschutz] [Validierung: Nein] [Zwingend: Nein]
  • Titel: Abschicken: [Feldtyp: Submit Button] [Validierung: Nein] [Zwingend: Nein]

2. Dankes-Seite

Eine Dankes-Seite ist wichtig, um dem Nutzer zu bestätigen, dass seine Anfrage erfolgreich eingegangen ist.

  • Beispieltext für die Dankes-Seite: "Vielen Dank für Ihre Anfrage! Wir werden uns so schnell wie möglich bei Ihnen melden."

3. Speicherung der Daten in der Joomla Datenbank

Es gibt zwei gängige Methoden zum Umgang mit den gesammelten Daten: Speicherung in der Joomla-Datenbank oder Versand per E-Mail.

  • Vorteile der Datenspeicherung in der Joomla-Datenbank:

    • Zentralisierte Speicherung und einfaches Management.
    • Möglichkeit zur späteren Analyse der Daten.
    • Einfache Verwaltung von Anfragen und deren Status.

  • Nachteile:

    • Erhöhtes Risiko bei Datenschutzverletzungen.
    • Erfordert regelmäßige Wartung und Sicherheitsüberprüfungen.

  • Speicherung der IP-Adresse: Überlegen Sie, ob die IP-Adresse gespeichert werden soll. Dies kann nützlich sein für Sicherheitsüberprüfungen, aber auch datenschutzrechtlich bedenklich sein.

  • Löschintervall: Definieren Sie, nach wie vielen Tagen die Einträge aus der Datenbank gelöscht werden sollen (z.B. nach 30 Tagen).

4. Datenschutzrechtliche Aspekte

Bei der Erstellung von Formularen müssen die Datenschutzbestimmungen gemäß DSGVO (Datenschutz-Grundverordnung) beachtet werden.

  • Einwilligung: Holen Sie eine ausdrückliche Einwilligung der Nutzer zur Verarbeitung ihrer Daten ein.
  • Datenschutzerklärung: Stellen Sie sicher, dass Ihre Datenschutzerklärung leicht zugänglich ist und alle Informationen über die Verarbeitung der Daten enthält.
  • Sicherheitsmaßnahmen: Implementieren Sie geeignete technische und organisatorische Maßnahmen zum Schutz der Daten.

5. Mail an Absender

Es ist üblich, dem Absender eine Bestätigungsmail zu schicken.

  • Mindestens benötigte Angaben:
    • Sender: E-Mail und Name des Absenders.
    • Empfänger: Dynamische E-Mail des Nutzers.
    • Inhalt: Betreff und Text, der die dynamischen Eingaben aus dem Formular enthält.

Beispieltext:

  • Betreff: "Ihre Anfrage bei [Unternehmensname]"
  • Text: "Vielen Dank für Ihre Anfrage, [Name]. Wir haben folgende Informationen erhalten: [Eingaben aus dem Formular]."

6. Mail an Admin

Eine Benachrichtigungs-Mail an den Admin sollte ebenfalls eingerichtet werden.

  • Mindestens benötigte Angaben:
    • Sender: E-Mail und Name des Absenders.
    • Empfänger: Feste E-Mail des Admins.
    • Inhalt: Betreff und Text, der die dynamischen Eingaben aus dem Formular enthält.

Beispieltext:

  • Betreff: "Neue Anfrage von [Name] über [Formularname]"
  • Text: "Es wurde eine neue Anfrage über das Formular erhalten. Details: [Eingaben aus dem Formular]."

Diese Anleitung sollte Ihnen helfen, strukturierte und datenschutzkonforme Formulare mit Joomla und RSForm zu erstellen. Achten Sie darauf, dass alle notwendigen Informationen vom Kunden bereitgestellt werden, um reibungslose Abläufe zu gewährleisten.

 

7. SPAM

Folder and file naming for Joomla websites

All important at a glance:

Folder label

  • Organize by Menu : The folder structure should mirror the website's menu structure to ensure intuitive organization and easy media discovery.
  • Page-specific folders : A separate folder should be created for each page that contains media. This folder should have the suffix “page-FOLDER-NAME”, where “FOLDER-NAME” is replaced by the actual name of the page (e.g. “page-home”, “page-products”).

Image naming

  • Avoiding special characters : To avoid compatibility issues, special characters should not be used in file names.
  • Lowercase : All letters in filenames should be lowercase to ensure consistency and cross-platform compatibility.
  • Function-based suffixes : The purpose or function of the image should be clearly identified in the file name by a suffix. Examples include “header-imagename.jpg” for a header image or “slideshow-01-imagename.jpg” for the first image of a slideshow.

To create an effective folder structure and notation for images on Joomla pages, it is important to plan for both clarity and future scalability. Here is a detailed guide based on the structure you provide:

1. Basic folder structure

  • /images/ : This is the main folder where all images are stored. It helps organize all visual resources in one central location.

1.1 System (folder)

  • /images/system/ : This folder contains basic system images such as logos and favicon. Examples:
    • logo-company-name.svg : The main logo of the company. It is advisable to use a vector version (.svg) for scalability and clarity.
    • logo-company-name-inverted.svg : An inverted color version of the logo, useful for different backgrounds.
    • favicon.svg : The small icon displayed in browser tabs should also be saved as an .svg for clear display across different devices.

1.2 Page folders

  • /images/page-XXX/ : A separate folder should be created for each page of the website, where "XXX" is the name of the page (e.g. "home", "products", "contact"). This helps organize images specific to each page.
Example: Products page
  • /images/page-products/ : Stores images specific to the product page.
    • /page-product-A/ : Create a separate folder for each product A to organize product-related images.
      • header-product-A.jpg : A main image for product A, ideally in high resolution.
      • slideshow-1-individuelle-bezeichung.jpg : Slideshow images should have individual names that describe the content or feature of the image.
      • call-to-action-product-A.jpg : A specific image that calls for action, e.g. for special offers or key features of the product.

2. Naming rules

  • Use clear and descriptive names that reflect the content or purpose of the image.
  • Separate words with hyphens (-) instead of spaces to avoid compatibility issues.
  • Use lowercase letters to ensure consistency and avoid confusion.
  • If necessary, add numeric suffixes to identify versions or sequences (e.g. "header-01-product-A.jpg", "header-02-product-A.jpg").

This structure and guidelines are intended to help ensure organized and efficient management of image resources on Joomla sites. It is important to maintain consistency in naming and organization to make website maintenance and updating easier.

Deliver texts from Word optimally for web projects

If you need to bring content from Word documents into a web project, but only have the Word documents and no prepared HTML, there are several steps you can follow to create proper HTML:

Format templates

One aspect of preparing Word documents for web projects is the correct use of styles for headings and other text elements. Instead of highlighting headings through manual adjustments such as increasing the font size or bolding them, you should use the predefined heading styles in Word (e.g. Heading 1, Heading 2, etc.). Not only does this ensure a consistent and professional look for your document, but it also makes conversion to HTML easier as this formatting can be converted into corresponding HTML tags. Using styles makes the structure of your document clearer and helps search engines and assistive technologies understand your content better. In addition, styles enable easy navigation in the document and the creation of an automatic table of contents. Finally, when you save your Word document as HTML, this formatting is preserved and contributes to a clean, semantically correct structure of the HTML code, which is particularly important for improving the accessibility and search engine friendliness of your website."

This paragraph complements the existing recommendations by highlighting the importance of using styles in Word for headings and other structural elements, which leads to better results when converted to HTML and increases the quality and accessibility of web content.

Clean up the text

Before you start converting, clean up the text in your Word document:

  • Remove unnecessary formatting such as special fonts, colors and backgrounds.
  • Make sure headings, lists, and other structural elements are used consistently.

Use Word's saving options

Modern versions of Microsoft Word provide the ability to save documents as HTML:

  1. In Word, go to File > Save As.
  2. Choose the location where you want to save the file.
  3. In the “File Type” drop-down menu, select “Web Page, Filtered (*.htm; *.html)” or simply “Web Page.”
  4. Click on "Save".

The Web Page Filtered option removes Microsoft-specific tags and maintains a cleaner HTML structure. However, note that even this method may still contain unnecessary tags and styles that need to be cleaned up manually.

Use online converters

There are numerous online tools that convert Word documents to clean HTML. These tools often provide better results than converting directly through Word:

  1. Search for “Word to HTML Converter” on the Internet.
  2. Choose a tool and upload your Word document.
  3. Convert the document and check the resulting HTML for cleanliness and correctness.

Some of these tools provide options for further cleaning and customization of the HTML code.

Clean the HTML manually

Regardless of the method chosen, it is often necessary to clean the HTML manually:

  • Remove unnecessary styles and tags inserted by Word.
  • Make sure the HTML is semantically correct by using the correct tags for headings, paragraphs, lists, etc.
  • Check the HTML with a validator, such as the W3C Markup Validation Service, to find and fix errors and warnings.

Test the HTML in different browsers

To ensure your HTML works correctly:

  • Open the HTML file in different web browsers to check compatibility and appearance.
  • Adjust the HTML if necessary to ensure consistent results across different browsers.

By following this process, you can convert content from Word documents into clean and effective HTML for your web projects. While it requires a little more effort than simply copying and pasting, the result is a better web presence that is both user and search engine friendly.

50 Essential Questions for Your New Joomla Website - A list of questions for customers

In today's digital world, a well-designed website is essential to the success of your business. Whether you're just starting out or looking to improve your existing online presence, working with a professional Joomla agency can make all the difference. To ensure that your web project meets your exact expectations and requirements, clear communication between you and the agency is crucial. This blog post presents 50 essential questions to consider before starting your website project. In addition, we give you a sample answer for each question, which can serve as inspiration for your own answers. This means you are well prepared to work effectively with your Joomla agency and create a website that achieves your goals.

1. What is the main purpose of your new website?
The website is intended to strengthen our online presence, provide product information and enable customer inquiries via a contact form.

2. Who is your target audience?
Our target group are medium-sized companies from the production sector that are looking for efficient automation solutions.

3. Do you already have an existing website? If so, what would you like to improve?
Yes, we have an existing website, but we would like to modernize the design and improve the user experience to optimize the user experience.

4. What features does your website absolutely have to have?
A product catalog with detailed descriptions, a news section for company updates and a secure contact form are essential.

5. Are there any particular colors or design you prefer?
We prefer a clean, professional design with our corporate colors of blue and white.

6. Which websites do you like and why?
We like the sample company website for its minimalist design, clear navigation, and fast loading times.

7. What is the most important content to present on your website?
Our main content is our company profile, product information, customer success stories and contact information.

8. How do you plan to create or deliver the content for your website?
We have an in-house team responsible for creating and updating content and plan to hire a professional photographer for product images.

9. Who will manage the website once completed?
Our marketing team will be responsible for managing and regularly updating the website.

10. What budget have you planned for this project?
Our budget is around 10,000 euros for the entire website development and design.

11. By when do you need the finished website?
We are aiming to have the website live within the next three months.

12. Do you already have a domain and hosting?
Yes, we already have a domain and a hosting package with a reputable provider.

13. Do you need additional services such as SEO, social media integration or a logo design?
SEO and social media integration are important to us. However, a new logo design is not required.

14. What type of interaction do you expect from visitors to your website?
We expect visitors to find out about our products, read success stories and make inquiries using the contact form.

15. How important is mobile optimization for you?
Mobile optimization is extremely important because a large part of our target group is mobile.

16. Are there any special security requirements for your website?
Since we process sensitive customer data, a high level of security with SSL encryption and data protection measures is essential.

17. Which languages should your website support?
Initially the website will be available in German, but we plan to also offer an English version in the future.

18. Do you already have photos and graphics that can be used on the website?
We have some professional photos, but need additional images to complement our product pages.

19. How often do you plan to update the content on your website?
We plan to update the content at least once a month, especially the news section and product information.

20. Who are your main competitors and what do you like about their websites?
Our main competitors are companies X and Y. Their websites are very user-friendly and provide detailed product information, which is what we strive for.

21. How will the website help achieve your business goals?
The website is intended to increase our brand visibility, generate leads and serve as an information platform for potential customers.

22. What type of feedback or data do you want to collect from your website visitors?
We would like to collect feedback about our products and services and analyze data about visitor behavior on our website.

23. How do you plan to drive traffic to your new website?
We plan to generate traffic through search engine optimization, social media marketing and targeted online advertising campaigns.

24. Are there any legal requirements or regulations relevant to your website?
Yes, we need to ensure that our website complies with the current data protection regulations (GDPR).

25. Would you like training or guidance on managing your website?
Yes, we would appreciate introductory training for our team to manage the website effectively.

26. Do you prefer a content management system (CMS)? If so, do you have one in mind?
Yes, we prefer a user-friendly CMS like Joomla because we already have experience with it.

27. How important is your website loading time to you?
Very important. We aim for fast loading times to ensure a positive user experience.

28. Are there any features or elements that you absolutely do not want to have on your website?
We want to avoid auto-playing videos and intrusive pop-ups so as not to impair the user experience.

29. How do you plan to communicate with your target audience through the website?
We plan to communicate with our target group through regular blog posts, a newsletter and a contact form.

30. Do you need multi-user capability to manage the website?
Yes, there will be multiple users managing different areas of the site, so multi-user capability is required.

31. How do you want visitors to interact with your website (e.g. contact forms, bookings, purchases)?
We want visitors to be able to make inquiries using contact forms and sign up for our newsletter.

32. What kind of support and maintenance do you need after the website is completed?
We need reliable technical support and regular maintenance to keep the website up to date and secure.

33. Do you have any ideas about the navigation or menu structure of your website?
Navigation should be simple and intuitive, with clearly marked categories for our products and services.

34. Are there any particular technologies or platforms you prefer or would like to avoid?
We prefer established technologies that offer broad support and compatibility and want to avoid proprietary solutions.

35. How important is the accessibility of your website to you?
Accessibility is very important to us to ensure that all users, regardless of their abilities, have access to our website.

36. Do you plan to publish blogs or regular posts on your website?
Yes, we plan to publish regular blog posts on industry-relevant topics and company news.

37. How do you imagine the future of your website in 1-5 years?
We hope our website will become a leading source of information in our industry and gather an active community.

38. Do you need integrations with other systems or applications?
Yes, we need integrations with our CRM system and possibly with other business tools.

39. How important is analyzing and evaluating website traffic to you?
Analyzing website traffic is crucial to adjust our marketing strategies and improve user experience.

40. Are there any special requirements for data security and data protection?
Yes, as a company that works with sensitive customer data, we attach great importance to strict data protection and security measures.

41. Would you like advice on content strategy for your website?
Yes, we would be interested in professional advice to optimize and refine our content strategy.

42. How important are interactive elements such as videos or animations to you?
Interactive elements are important to us in order to clearly convey complex information and increase visitor engagement.

43. Are you planning to integrate e-commerce features on your website?
Not at the moment, but we would like to keep open the possibility of adding an online store in the future.

44. How would you like your brand to be represented on the website?
Our brand should be presented as innovative, trustworthy and customer-focused, with a clear focus on quality and service.

45. Are there any industry-specific features you need?
A detailed product catalog function with technical specifications and download options for product data sheets is essential for us.

46. How important is the scalability of your website for future growth?
Scalability is very important as we plan to expand our product offerings and enter new markets.

47. Do you need multilingual or localization for specific markets?
Not at first, but the ability to add additional languages is important for the future.

48. How do you plan to ensure the quality and timeliness of your website content?
We plan to create an editorial plan and conduct regular reviews to keep content current and high quality.

49. Are there any specific challenges or limitations that need to be considered when developing your website?
The biggest challenge will be presenting complex technical content in a user-friendly way.

50. How do you imagine the ideal collaboration with our agency?
We want a transparent, communicative collaboration in which regular updates and feedback loops are an integral part of the process.

Conclusion:

Answering these questions carefully not only ensures that your new Joomla website meets your needs exactly, but also makes it easier to work with your web agency. By considering these aspects in advance, you can maximize the potential of your online presence and create a website that is both functional and aesthetically pleasing. Use this guide as a starting point for your planning and adapt the questions and answers to your individual situation. This makes the website creation process a smooth and successful endeavor.

Deliver access data optimally for web projects

Providing credentials for web projects is a critical step that must be done securely and efficiently to ensure the smooth operation and maintenance of the website. In this guide you will learn how to optimally provide access data for a Joomla CMS, FTP and your web host.

CMS access for Joomla

To allow a developer or team access to your Joomla content management system (CMS), you must provide the following information:

  1. Username : Create a unique username that is easily identifiable (e.g. DeveloperName_Admin).
  2. Password : Generate a strong password. Use a combination of letters, numbers and special characters to increase security.
  3. User Group : Assign the user to the Super User group to grant full access to the CMS. This allows you to manage website content, extensions and settings.

FTP access

For FTP access, ideally SFTP (Secure File Transfer Protocol) for secure transfer, you need:

  1. Host : The address of the FTP server, often an IP address or a domain.
  2. Username : A unique username for FTP access.
  3. Password : A strong password used only for FTP access.
  4. Port : The port for SFTP is usually 22.

To increase security, ensure access is limited to only directories relevant to the project.

Web host access

Access to the web host is required to manage domain settings, email configurations and other hosting-related tasks. To do this you need:

  1. Login area : The URL to the login area of your web host.
  2. Credentials : Username and password to access the web hosting account.
  3. 2-factor authentication : If set up, ensure the developer or team has the necessary information or devices to confirm 2-factor authentication.

Providing access data securely

To ensure that all access data is transmitted securely, it is important to use secure transmission methods. Here are improved suggestions:

  • Password manager : Use a password manager to securely share credentials. These services allow you to securely share passwords with other users without them actually having to see the passwords.
  • Encrypted emails : If you need to send login details via email, you should use an email service with encryption functionality. This ensures that your messages are protected during transmission.
  • By telephone : Another secure method of transmitting credentials is a telephone call. This avoids the risk of sensitive information being intercepted in written form. Make sure you are speaking to the right person on the call before revealing any sensitive information.

Note that there is no physical record when sharing credentials over the phone, which can be both an advantage and a disadvantage. It is advisable to encourage the person receiving the credentials to store them securely and follow all standard security protocols, such as changing passwords regularly and using strong, unique password combinations.

Continue to avoid transmitting sensitive information over unsecured channels such as unencrypted email or text messages. After the credentials have been successfully submitted and confirmed by the recipient, you should review the access rights and ensure that only the necessary permissions have been granted. This helps ensure the security of your web projects.